html - 在 Magento 上自动缩小整个网站？

Question

有没有办法让我的网站自动缩小到 90%？谢谢

Answer 1

这可以使用 css3 scale 属性来完成，但要注意并非所有浏览器都支持。

http://www.w3schools.com/css3/css3_2dtransforms.asp/

    body{

       transform: scale(0.9);
    -ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Safari and Chrome */
    -o-transform: scale(0.9); /* Firefox */

}

或者通过在站点外的内容周围附加一个 div 并缩放到正文宽度的 90% 来使用跨浏览器的 jquery 和 javascript；

大致像

var bdwidth = $("body").width();

$("wrapper").width((bdwidth / 100)*90);

Answer 2

使用 CSS

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

这对我有用！