使用jQuery或CSS缩小整个网站 [英] Zoom out whole website using jQuery or CSS

问题描述

我想让我的网站减少80％。即缩小图像，字体，一切都到当前大小的80％。使用jQuery或CSS有什么办法吗？

I would like to make my website like 80% smaller. i.e. zoom out images, fonts, everything to 80% of its current size. Is there any way to do this using jQuery or CSS?

我尝试了 body {zoom：80％}

感谢

推荐答案

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，fallback是transform-scale http://caniuse.com/#feat=transforms2d

For Firefox, fallback is transform-scale http://caniuse.com/#feat=transforms2d

这篇关于使用jQuery或CSS缩小整个网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！