iPhone应用程序浏览器中的书签栏隐藏了我网站的一部分

Question

我的网站是一个页面或网页的网站，其中有一个画布，其中包含浏览器或窗口的高度和宽度，我使用了 windows.innerWidth 和 windows.innerHeight 为其指定值（画布），并且它可以在其他所有Web浏览器中正常运行，无论是移动设备还是桌面设备，但是当从应用程序内浏览器中打开页面时Facebook应用程序，画布不考虑浏览器的底部书签栏因此页脚以及游戏手柄（缓冲）似乎隐藏。

我还注意到，在相同设备的Safari中打开时，拨片看起来更小，因为应用程序浏览器中的Facebook中的拨片看起来更大（甚至使用windows innerWidth和innerHeight值分配了拨片高度和宽度）。

昨天我尝试了所有的meta标签一整天，并在网上检查了类似的问题，以便修复我的，但我不能。 我希望我在解释我的问题方面有足够的分散性，我将在相同的设备中附上网站的图片，但是在Safari和In App浏览器中以便更好地理解。

谢谢！

Image

Answer 1

尝试使用

var w = Math.min(document.documentElement.clientWidth, window.innerWidth || 0)

var h = Math.min(document.documentElement.clientHeight, window.innerHeight || 0)

设置您正在使用的高度和宽度。