我遇到了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>