固定位置页脚在打开新标签

时间:2017-03-28 14:58:34

标签: html css mobile-safari

我遇到了ios mobile safari的问题。

固定位置页脚在打开/关闭iphone safari浏览器上的新标签时未保留其位置。

有时页脚会向上移动,有时会向下移动 - 这取决于地址栏是否可见。

我无法理解为什么safari mobile的表现如此。

<!DOCTYPE html>
    <html lang="en">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
    <style type="text/css">
        html, body {
             margin: 0;
             padding: 0;
             height:100%
        }
        .footer {
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 48px;
            background-color: grey;
        }
    </style>
    <body>
      <div class="footer">
          Bottom Fixed Footer.
      </div>
    </body>

    </html>

0 个答案:

没有答案