所以我刚才在做个人项目时注意到了一些奇怪的事情。
以下代码将导致位置问题div如果手机在方向之间来回切换，则元素处于纵向模式。
而不是div如果固定或与屏幕底部齐平，div 将漂浮在屏幕上方并且根本不接触屏幕底部。
html {
width: 100%;
height: 100%;
border-bottom: solid blue 3px; box-sizing: border-box;
}
div {
width: 200px;
height: 200px;
position: fixed;
bottom: 0;
box-sizing: border-box;
border: solid black 3px;
background: white;
}
<div></div>
在解决这个问题时，我发现了以下几点：
- 如果您更改
height of html from 100% to 110%，问题自行解决。
-
110%很可能不是确切的“突破”点，但我确实知道div即使height of html设置为尽可能多105%.
- 正方形的尺寸并不重要。我测试过
10px, 50px, 100px, and 200px，如果设置为则完全消失10px，但对于所有其他值的行为方式与我上面描述的方式相同。
值得注意的是，我测试的不是 iPhone 6s，而是普通的 iPhone 6。
我鼓励其他用户亲自测试并分享您的经验！
其他设备上是否也存在这个bug？在其他 iOS 版本中？
除了增加height of html to 110%?
None
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
