使用Firefox,只需按CTRL+即可放大整个网页。这样做是按比例放大整个网页(字体、图像等)。
如何使用简单的CSS复制相同的功能?
有什么像page-size: 150%
(这将使整个页面部分增加x%?)的东西?
发布于 2018-03-05 14:19:39
你可以使用CSS zoom
属性 - 支持IE 5.5+,Opera,Safari 4和Chrome
Firefox是唯一不支持缩放的主要浏览器(这里是bugzilla项目),但你可以在Firefox 3.5中使用“专有”-moz-transform属性。
所以你可以使用:
div.zoomed {
zoom: 3;
-moz-transform: scale(3);
-moz-transform-origin: 0 0;
}
发布于 2018-03-05 15:03:06
你可以使用
body {
transform: scale(1.1);
transform-origin: 0 0;
// add prefixed versions too.
}
将页面缩小110%。虽然zoom
风格在那里,但Firefox仍然不支持它。
此外,这与你的缩放比例略有不同。css transform
像图像缩放这样的作品,所以它会放大你的页面,但不会导致回流等。
https://stackoverflow.com/questions/-100007514
复制相似问题