javascript - window.innerHeight 在 iOS 11 中返回错误值

Question

我有一个 cordova iOS 应用程序在最新版本的 cordova (8) 和 cordova-ios (4.5.4) 上运行。我最近开始研究更新应用程序以使用 WKWebView 而不是默认的 UIWebView，但我发现在 iOS 11 中(在 iPad mini 上测试)webview有时会报错innerHeight。

这是index.html中的相关代码:

<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover">

<style type="text/css">
    html, body {
        height: 100%;
    }
</style>

这就是我尝试读取属性的方式(全部在 deviceready 处理程序之后):

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    var calcHeight = window.screen.height - window.innerHeight;
}

window.screen.height 始终计算为 1024，这很好，但 window.innerHeight 有时返回 1004(这是预期值)，但有时它返回 460。

有什么想法可能会发生什么吗？

提前致谢

Answer 1

您是否按照 Apple 的规范添加了视口(viewport)标签？

http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/UsingtheViewport/UsingtheViewport.html