在现代浏览器中Ctrl + PLUS / MINUS做了什么?

时间:2013-05-19 17:13:30

标签: html css browser keyboard-shortcuts

根据我的理解,增加文本大小的最佳方法是使用 Ctrl + + 。这也保持了布局。但是有人知道按下这个组合键时浏览器究竟做了什么吗?我想确保我的布局不是

我见过很多网站(甚至谷歌和亚马逊)都有这种缩放的问题,因为div开始互相叠加,文字变得混乱。这在没有固定宽度的网站上最常见。

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

4 个答案:

答案 0 :(得分:2)

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

Documentation

答案 1 :(得分:2)

大多数现代浏览器都有一些共享的快捷方式。其中有两个你提到: Ctrl + + Ctrl + -

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

请注意,这不仅会增加/减少文字的大小,还会放大(或缩小)页面上的所有内容,包括图片,横幅等。

作为开发人员,如果您想创建响应式布局来处理放大的网页,则应避免使用pixels等固定单位,并使用percentages和{{1}等单位}。

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

答案 2 :(得分:1)

这实际上取决于我们正在讨论的浏览器。 Ctrl + +/- 缩放浏览器的输入/输出。某些浏览器(如Firefox)允许您仅通过View&gt;增加文本大小。缩放&gt;仅缩放文本。这会留下像<div>这样的东西,直到尺寸太大而且[像素完美]布局崩溃。 IE有一个类似的选项,可以通过View&gt;找到。文本大小,与Firefox的操作类似,但不完全和有限的范围。我认为Opera也有这个功能,但它从它的外观中删除了。

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

答案 3 :(得分:0)

现代浏览器(Firefox 3.x +,Chrome 2.x +,IE 7+)使用 CTRL / CMD + / - 整页缩放的快捷方式。每个渲染引擎处理此过程的方式略有不同,但通常只要您没有从右侧或底部对齐的任何内容,就不应该导致很多问题。

如果你混合固定和相对单位(px / pt% / em / ex),他们可以以不同的方式缩放,导致各种元素偏离其原始比例。

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