如何在 Mac 上的 Safari、Chrome 中获得最小高度

Question

我有一个带有以下 CSS 的页面，它在 IE 和 FF 上呈现良好，但在 Safari 和 Chrome 中的 Mac 上，min-height 似乎不起作用，并且当浏览器页面很短时，所有内容都折叠在一起保持扩展并提供滚动条：

<style type="text/css">
    html, body {
   height: 100%;
        width: 100%;
    }
    body {
   height: 100%;
        width: 100%;
        background: #000000;
        font: 86% Arial, "Helvetica Neue", sans-serif;
        margin: 0;   
        padding: 0px;
        color: #CCCCCC;
    }
    #website_wrapper {
        min-height: 850px;
   min-width: 1080px;
        height: 100%;
        width: 100%;
    }
    #website {
        height: 100%;
        width: 100%;
        background-color: #000000;
        vertical-align: bottom;
    }

有什么想法为什么 Safari（我猜是 WebKit）没有按照它的要求去做？提前致谢...

Answer 1

现在 Safari 应该支持 min-height 但你可能想尝试下划线 hack：

最小高度：850px；高度：自动；_高度：850px；