2012-11-30 35 views
2

有没有办法让我的网站自动缩小到90%? 谢谢自动缩小Magento上的整个网站?

+1

这与magento无关,缩放是浏览器级别的功能。你可以使用CSS转换等'-webkit-transform:scale(0.9)'。可怕的想法,但;相反,你应该相应地改变你的CSS。 –

+0

欢呼声,我会尝试。是什么让你觉得这是一个可怕的想法?谢谢 –

+0

因为是。让CSS让东西适合。你会得到奇怪的重排和恶心的东西,因为你无法控制每个浏览器的缩放效果。您可以使用CSS控制,并可以在流行的浏览器中进行比较,以便您的网站看起来像您设计的。 –

回答

2

这可以用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 */ 

} 

或者与jquery和JavaScript为通过附加在内容周围从网站一个div和缩放至90%的折扣身宽度跨浏览器;

事情大致是

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

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

使用CSS

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

这为我工作!