固定 header 超过滚动条

Question

我有一个固定的 header，它隐藏了滚动条的顶部。 这是由于在 hmtl 和 body 上都设置了 overflow: auto 引起的。 但是，如果我不这样做，它会破坏移动浏览器（Firefox 除外）上的浮动 header。

我不知道该怎么做，看来我要么在滚动条上有 header，要么在移动浏览器上有固定的 header。

Here's an example.

    html, body {
        height: 100%; width: 100%;
        margin: 0;
        overflow: auto;
    }

    header {
        position: fixed; top: 0; left: 0;
        width: 100%; height: 7.5em;
        z-index: 1000;
    }

Answer 1

我从 body 中删除了 overflow: auto，并将 user-scalable=no 添加到 <meta content='width=device-width,initial-scale=1' name='viewport'>。这就是诀窍。

见this answer