所以这就是问题所在。我设置了一个调整大小的背景图像,直到达到最小高度。至少这是它在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像素,就像在其他导航器中一样。垂直滚动确实会出现,但当背景继续调整大小时,这当然没什么帮助。
如果您想查看整个页面的代码,请点击此处:
答案 0 :(得分:0)
我建议也设置#main的最小高度值。这适用于所有浏览器。
#main{ min-height:790px; }