如何用CSS缩放整个网页？

问题描述：

使用Firefox，您只需按 CTRL + ，即可放大整个网页。

Using Firefox, you can enlarge an entire web page by simply pressing CTRL +. What this does is proportionally enlarge the entire web page (fonts, images, etc).

如何使用简单的CSS复制相同的功能？

How can I replicate the same functionality using simply CSS?

是否有像 page-size：150％这样会增加整个页面的x％？）

Is there something like page-size: 150% (which would increase the entire page portions by x%?)

答

您可以使用CSS zoom 属性 - Opera，Safari 4和Chrome

You might be able to use the CSS zoom property - supported in IE 5.5+, Opera, and Safari 4, and Chrome

我可以使用：css Zoom

Firefox是唯一不支持缩放的主要浏览器（ bugzilla item here ），但您可以使用

Firefox is the only major browser that does not support Zoom (bugzilla item here) but you could use the "proprietary" -moz-transform property in Firefox 3.5.

因此，您可以使用：

div.zoomed { 
    zoom: 3; 
    -moz-transform: scale(3); 
    -moz-transform-origin: 0 0;
}

如何用CSS缩放整个网页？

相关推荐