如何使用CSS扩展整个网页？

Question

如何使用CSS扩展整个网页？使用Firefox，您只需按下即可放大整个网页CTRL +。这样做是按比例放大整个网页（字体，图像等）。如何使用简单的CSS复制相同的功能？是否有类似的东西page-size: 150%（这将使整个页面部分增加x％？）

Answer 1

您可以使用CSS zoom属性 - 在IE 5.5 +，Opera和Safari 4以及Chrome中受支持

我可以使用：css Zoom

Firefox是唯一不支持Zoom的主要浏览器（此处为bugzilla项目），但您可以在Firefox 3.5中使用“专有”-moz-transform属性。

所以你可以使用：

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

Answer 2

这是一个相当晚的答案，但你可以使用

body {
   transform: scale(1.1);
   transform-origin: 0 0;
   // add prefixed versions too.}

将页面缩放110％。虽然zoom风格在那里，但Firefox仍然不能令人遗憾地支持它。

此外，这与缩放略有不同。该css transform像的图像缩放功能，所以它会放大你的网页，但不会造成回流，等等。

Answer 3

如果您的CSS完全围绕ex或em单位构建，那么这可能是可行的。你只需要用font-size: 150%你的风格声明body或html。这应该导致所有其他长度按比例缩放。但是，你不能以这种方式缩放图像，除非他们也得到了一种风格。

但是，这是一个非常大的，如果大多数网站，反正。