2013-07-05 52 views
1

所以問題就出在這裏。我設置了一個調整大小的背景圖像,直到達到最小高度。至少這是它在Firefox,Chrome和IE中的表現。Safari CSS - 最小高度和背景大小

body { 
    min-height: 790px; 
    min-width: 640px; 
    overflow: auto; 
} 

#main { 
    float: left; 
    width: 100%; 
    height: 100%; 
    background: url(../images/index_bg.jpg) no-repeat center center; 
    background-size: auto 100%; 
} 

但是在Safari中,如果我繼續使導航窗口的高度小於790像素,背景圖像將繼續調整大小。當我的想法是,它應該停止在790px像其他導航器一樣。垂直卷軸確實會出現,但當背景繼續調整大小時,這當然沒有多大幫助。

如果你想看看整個頁面爲它的代碼,那就是:

http://www.avalon.me/313/

回答

0

我建議還設置#main的最小高度值。這在所有瀏覽器中都適用於我。

#main{ min-height:790px; } 
+0

太好了,好像這樣做!謝謝!! –