页面底部留白
最近我开始在safari浏览器中看到ios 15更新后的黑屏，我使用react 16, material UI v4.11和Dialog来渲染这个模态。
在HTML标签
中添加height:100vh后修复如果你像我一样，把每一份文件都翻遍了，但似乎没有任何效果，那么我就设法找到了一些我认为足够好的东西。
我的解决方案是找出黑色的颜色是从哪里来的，只是改变它，以匹配我的页脚的颜色。
在你的index.html中，改变这个元标签<meta name="theme-color" content="#000000" />
并更改颜色以匹配您的内容。我的是白色的
<meta name="theme-color" content="#FFFFFF" />
黑条现在应该是白色的，所以它不再明显。
这样做的缺点是，如果这种情况发生在多个地方，而你在底部有多种配色方案，你就会被一种颜色所困扰。
但如果你的应用程序相对简单，这只发生在一个地方(对我来说，一个输入表单)，那么这可能是一个足够好的解决方案。