设计放大或缩小的方式是什么？我想弄清楚到底发生了什么的CSS水平,什么样的后果是不同大小的方法(px,em,rem等).
顺便说一句,我主要关注的是现代桌面浏览器的缩放行为.(我怀疑移动浏览器在正常呈现之后是整个页面的直接放大,并且知道旧式浏览器只是递增基本字体大小).然而,目前尚不清楚的是现代浏览器(比如最新版本的Chrome或FF)在用户按Ctrl +或时完全正确Ctrl -.
他们也只是正常渲染页面(即100%),然后只是放大渲染图像？因为FF似乎仍然尊重%宽度,所以它似乎不是直接放大.
ini*_*tel 17
在现代浏览器中实现的缩放只不过是"拉伸"像素.也就是说,元素的宽度不会从128像素变为256像素; 相反,实际像素的大小加倍.形式上,该元素仍然具有128个CSS像素的宽度,即使它恰好占用256个设备像素的空间.
换句话说,缩放到200%会使一个CSS像素增长到一个设备像素大小的四倍.(宽度的两倍,高度的两倍,总共产生四倍).
有关详细说明,您可以阅读以下页面: 设备像素和CSS像素的概念