Safari CSS - 最小高度和背景大小

时间:2013-07-05 09:30:18

标签: safari css

所以这就是问题所在。我设置了一个调整大小的背景图像,直到达到最小高度。至少这是它在Firefox,Chrome和IE中的表现。

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像素,则背景图像会继续调整大小。当我的想法是它应该停在790像素,就像在其他导航器中一样。垂直滚动确实会出现,但当背景继续调整大小时,这当然没什么帮助。

如果您想查看整个页面的代码,请点击此处:

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

1 个答案:

答案 0 :(得分:0)

我建议也设置#main的最小高度值。这适用于所有浏览器。

#main{ min-height:790px; }