我如何使用CSS缩放整个网页？

使用Firefox，只需按下CTRL +即可放大整个网页。这样做是按比例放大整个网页（字体，图像等）。

我怎样才能复制使用简单的CSS相同的function？

有没有像page-size: 150% （这会增加整个页面部分x％？）

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

我可以使用：CSS缩放

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

所以你可以使用：

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

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

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

将页面缩小110％。虽然zoom风格在那里，Firefox仍然不能支持它。

此外，这与您的缩放比例略有不同。 css transform工作像一个图像缩放，所以它会放大你的网页，但不会导致回stream等。

编辑更新了转换原点。

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

但是，如果在大多数网站，这是一个非常大的，无论如何。

正如约翰尼斯所说 – 没有足够的代表直接评论他的答案 – 只要所有元素的尺寸被指定为字体大小的倍数，就可以确实做到这一点。意思是说，你使用％，em或ex的所有东西单位”。虽然我认为％是基于包含元素，而不是字体大小。

而且由于它们是由像素组成的，所以通常不会将这些相对单位用于图像，但有一个技巧使得这更加实用。

如果你定义body{font-size: 62.5%}; 那么1em将相当于10px。据我所知，这适用于所有主要的浏览器。

然后你可以指定你的（例如） width: 10em; height: 10em; 100px的正方形图像width: 10em; height: 10em; width: 10em; height: 10em; 并假设Firefox的缩放设置为默认，图像将是他们的自然大小。

Make body{font-size: 125%}; 而且包括图像在内的所有内容都将是原始尺寸的两倍。

用这个代码1em或100％将等于身高的1％

 document.body.style.fontSize = ((window.innerHeight/100)*6.25)+"%"

Jon Tan已经在他的网站上完成了这个工作 – http://jontangerine.com/在ems中已经声明了所有的东西，包括图片。; 一切。这是如何达到预期的效果。文字缩放和屏幕缩放产生的结果几乎完全相同。

CSS将无法缩放需求，但如果将CSS与JS结合，则可以更改一些值以使页面看起来更大。但是，正如前面所说，现在的浏览器中这个特性是标准的：不需要复制它。事实上，复制它会减慢你的网站（更多的东西加载，更多的JS或CSSparsing或执行和应用等）

我认为不可能纯粹用CSS来完成 – 你可能需要用Javascript来弄脏你的手，以确保工作正常完成。