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

【问题标题】：Bookmarks bar of in app browser in iPhones hides a section of my websiteiPhone 应用浏览器中的书签栏隐藏了我网站的一部分
【发布时间】：2016-12-26 08:49:28
【问题描述】：

我的网站是一个单页或部分网站，其画布具有打开它的浏览器或窗口的高度和宽度，我使用了 windows.innerWidth 和 windows.innerHeight 为其分配值（画布），它可以在所有其他网络浏览器中正常工作，无论是移动还是桌面，但是当页面在 In-App Browser 中的帖子中打开时Facebooks 应用程序，画布不考虑浏览器底部的书签栏因此页脚以及游戏桨（垫子）显示为隐藏。

我还注意到，当在同一设备的 safari 中打开时，桨看起来更小，而应用浏览器中 Facebook 中的桨看起来更大（甚至桨的高度和宽度也是使用窗口的 innerWidth 和 innerHeight 值分配的）。

我昨天尝试了一整天的所有元标记，并在网上检查了类似的问题以及修复我的问题，但我做不到。我希望我在解释我的问题时足够谨慎，我将附上网站在同一设备中打开的图片，但在 Safari 和 In App 浏览器中打开，以便更好地理解。

谢谢！

Image

【问题讨论】：

您是否尝试过使用视口宽度和视口高度 CSS 属性来获得相同的结果，或者您是否正在寻找 JS 解决方案？如果您正在寻找 JS 修复程序，可以尝试检查 these solutions can help 你是否
先生，画布应该占据它打开的窗口的全部宽度和高度，所以我使用 Javascript 为画布分配打开它的浏览器的确切分辨率，Vh 和 Vw 值用于页面上的各种其他元素，但画布的宽度和高度值是内联值i.imgur.com/JU4BOr4.png
向我们展示你的 JS 代码。同时抛出一个答案。

标签： javascript ios facebook canvas html5-canvas

【解决方案1】：

尝试使用

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

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

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

【讨论】：

嘿先生，它没有解决问题，我检查了你在 cmets 本身中发布的 url 的答案，然后在设备上检查了，它仍然隐藏了页脚。宽度和高度通过 canvas.width = window.innerWidth 分配给画布。 canvas.height = window.innerHeight.