从iPhone中的主屏幕图标启动时，方向更改未在PWA中提供适当的窗口高度和宽度

Question

与PWA一起使用了示例html。 使用iPhone中的野生动物园将应用程序添加到主屏幕。

在浏览器中，只要方向发生变化，我就能获得正确的窗口内部高度和宽度，而在从主屏幕图标启动的应用中，它不会立即给出方向变化后的宽度和高度回调。

有人可以帮我吗？

设备：iPhone 12野生动物园

Answer 1

这似乎是Webkit浏览器中的错误： https://bugs.webkit.org/show_bug.cgi?id=170595

有人建议：

  

为避免创建新元素，以下变通办法似乎对我来说效果很好：

     

对于非Safari，请从document.documentElement.clientHeight（和宽度）获取布局视口大小。

     

不幸的是，当URL栏隐藏时，Safari的documentElement大小不会更新，因此我不能仅将其应用于所有Webkit浏览器，但是Safari上不会发生此错误。