如何使用jQuery或CSS缩小整个网站？

我想让我的网站缩小80％。 即将图像，字体，所有内容缩小到当前大小的80％。 有没有办法用jQuery或CSS做到这一点？

我尝试了body { zoom:80% }但它仅适用于Chrome。

Answer 1

CSS解决方案：

 body { -moz-transform: scale(0.8, 0.8); /* Moz-browsers */ zoom: 0.8; /* Other non-webkit browsers */ zoom: 80%; /* Webkit browsers */ } 

所有主流浏览器都支持http://caniuse.com/#feat=css-zoom

对于Firefox，后备是变换规模的http://caniuse.com/#feat=transforms2d

Answer 2

这里使用CSS转换更灵活的解决方案：scale（）和JavaScript / jQuery：

  
 
zoom in
 
zoom out
 
reset zoom