2012-11-30 60 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 */ 
} 

這爲我工作!