macos - 如何在 Mac 上的 Safari、Chrome 中使用最小高度

Question

我有一个包含以下 CSS 的页面，它在 IE 和 FF 上呈现良好，但在 Safari 和 Chrome 的 Mac 上，最小高度似乎不起作用，并且当浏览器页面时所有内容都在彼此之上折叠很短而不是保持扩展并提供滚动条:

<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: initial

我还将其包装在特定于 safari 的媒体查询中，以避免可能的冲突:

is there a css hack for safari only NOT chrome?