0

据我了解，增加文本大小的最佳方法是使用Ctrl+ +。这也保持了布局。但是有谁知道按下这个组合键时浏览器到底做了什么？我想确保我的布局不是

我见过很多网站（甚至是谷歌和亚马逊）在缩放时都存在问题，因为 div 开始相互重叠并且文本变得混乱。这主要在没有固定宽度正文的网站上可见。

编辑：我想知道到底发生了什么：如何处理没有固定宽度的元素和 div？html div 宽度是否更改为？元素是否以相同的比例变化等...我认为有一个明确的规范，因为所有浏览器在放大和缩小时似乎都显示相似的结果。

4

4 回答 4

2

大多数现代浏览器都有某些共享的快捷方式。其中包括您提到的两个：Ctrl++和Ctrl+ -。

使用时，这些击键允许用户分别放大和缩小。同样，如果您按住控制并向上和向下滚动鼠标滚轮（分别），您将获得相同的行为。

请注意，这不仅会增加/减小文本的大小，还会放大（或缩小）页面上的所有内容，包括图像、横幅等。

作为一个开发者，如果你想创建一个响应式布局来处理放大的网页，你应该避免使用像这样的固定单位，pixels而使用percentages和这样的单位em。

以下是大多数常见浏览器共享的键盘快捷键列表。

于 2013-05-19T17:21:19.183 回答
2

Ctrl++放大浏览器，而Ctrl+-缩小浏览器。

文档

于 2013-05-19T17:15:08.960 回答
1

这实际上取决于我们正在讨论的浏览器。Ctrl+放大/+/-缩小浏览器。某些浏览器，例如 Firefox，只允许您通过查看 > 缩放 > 仅缩放文本来增加文本大小。这会留下像<div>s 这样的东西，直到尺寸太大并且 [像素完美] 布局崩溃。IE 有一个类似的选项，可以通过 View > Text Size 找到，它的操作方式与 Firefox 的相同，但不完全和有限的范围。我以为 Opera 也有这个功能，但它从外观上被删除了。

然后，正如其他答案所提到的，您将了解相关站点使用的单元。混合固定和相对单位会使元素缩放的内容、时间和方式变得更加复杂。

于 2013-05-19T17:46:38.600 回答
0

现代浏览器（Firefox 3.x+、Chrome 2.x+、IE 7+）使用//CTRL快捷方式进行整页缩放。每个渲染引擎处理此过程的方式略有不同，但通常只要您没有从右侧或底部对齐任何东西，它应该不会引起很多问题。CMD +-

但是，如果您混合使用固定和相对单位（px/pt和%/ em/ ex），它们的缩放比例可能不同，导致各种元素偏离其原始比例。

查看http://en.wikipedia.org/wiki/Responsive_web_design了解处理各种视口大小的方法。

于 2013-05-19T17:36:02.097 回答