根据我的理解,增加文本大小的最佳方法是使用 Ctrl + + 。这也保持了布局。但是有人知道按下这个组合键时浏览器究竟做了什么吗?我想确保我的布局不是
我见过很多网站(甚至谷歌和亚马逊)都有这种缩放的问题,因为div开始互相叠加,文字变得混乱。这在没有固定宽度的网站上最常见。
编辑:我想知道究竟发生了什么:如何处理没有固定宽度的元素和div? html div宽度是否变为?元素是否以相同的比例变化等... 我认为有一个明确的规范,因为所有浏览器在放大和缩小时似乎都显示出类似的结果。
答案 0 :(得分:2)
Ctrl + + 放大浏览器,而 Ctrl + - 缩小浏览器。
答案 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以了解处理各种视口大小的方法。