【问题标题】:Safari CSS - min-height and background-sizeSafari CSS - 最小高度和背景大小
【发布时间】:2013-07-05 17:38:25
【问题描述】:

所以这就是问题所在。我设置了一个调整大小的背景图像,直到达到最小高度。至少这是它在 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 像素,则背景图像会继续调整大小。当我的想法是它应该像在其他导航器中那样停止在 790px 时。确实会出现垂直滚动,但是当背景继续调整大小时,这当然没有多大帮助。

如果你想查看整个页面的代码,这里是:

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

【问题讨论】:

    标签: safari css


    【解决方案1】:

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

    #main{ min-height:790px; }
    

    【讨论】:

    • 太棒了,似乎做到了!谢谢!!
    猜你喜欢
    • 1970-01-01
    • 2012-10-24
    • 2013-06-25
    • 1970-01-01
    • 2015-09-13
    • 2013-12-21
    • 1970-01-01
    • 2020-05-13
    • 1970-01-01
    相关资源
    最近更新 更多