html - Safari iOS 12.2 和 12.3 中的错误

Question

所以我刚才在处理个人项目时注意到了一些奇怪的事情。

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>

在解决此问题时，我发现了以下内容：

• 如果您将from更改为height，则问题自行解决。html100%110%
• 110%很可能不是确切的“断点”，但我知道即使设置为.div也不会触及屏幕底部。heighthtml105%
• 正方形的尺寸无关紧要。我已经在10px、50px、100px和处进行了测试，200px如果设置为 ，它会完全消失10px，但对于所有其他值，其行为方式与我在上面描述的方式相同。

值得注意的是，我测试的不是 iPhone 6s，而是普通的 iPhone 6。

我鼓励其他用户自己测试并分享您的经验！

其他设备上是否存在此错误？在其他 iOS 版本中？

除了增加to之外，还有什么方法可以解决这个height问题？html110%

标签： htmlioscssiphonesafari