应用错误收集

当我使用iOS Safari滚动页面时，.container div底部下方会出现一小段间隙，然后重新计算并消失/填充。此现象可能是由于尺寸变化引起的滚动时浏览器顶部和底部栏的位置。我在iPhone 7上使用iOS 12.0。是否有任何想法仍可使用固定位置来解决故障现象？

CSS

body {
  margin: 0px;
  height: 1000px;
}

.container {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: red;
}

HTML

<body>
  <div class="container"></div>
</body>

编辑

仅将容器的高度增加150％似乎可以解决此问题，但是，一旦我将内容添加到div中，它就会再次出现故障。

HTML

<body>
  <div class="container">
    Hello, World!
  </div>
</body>