iOS Safari：多余的底部空白颜色错误

Question

在调试另一个 iOS 问题时，我偶然发现了一些似乎非常奇怪的 iOS Safari 错误。

• 源代码：https://github.com/Maximaximum/ios-safari-bottom-white-space
• 演示：https://maximaximum.github.io/ios-safari-bottom-white-space/

重现步骤：

1. 在 iOS Safari 中打开演示页面
2. 点击输入打开虚拟键盘
3. 将页面滚动到最底部
4. 观察页面底部的空白块

我能够在 iOS 16.4.1 (iPhone 13) 上重现该问题。

我试图寻找答案的问题是：

1. 为什么页面底部有多余的空白？
2. 为什么多余的空白块WHITE只出现在iOS Safari上，而不出现在其他浏览器上？即使在 iOS Chrome 上也不行
3. 什么决定了白底空白块的高度？
4. 为什么，如果我将

   style.css

   中的第8行替换为

   body {background-color: yellow}

   ，空白块就会变成透明，但如果我将其替换为正文

   {background-color: #fefefe}

   ，它仍然是白色？
5. 为什么，如果我将第 17 行替换为

   min-height: 25px;

   ，底部空白块会变成透明？

任何想法都可以。