ios – iPhone X上的WKWebView页面高度问题

概述我发现如果我使用WKWebView viewport-fit=cover 和 body :{height:100%} html主体的高度仍然无法到达iPhone X的底部并且等于safeArea的高度,但是背景颜色可以覆盖全屏. https://ue.qzone.qq.com/touch/proj-qzone-app/test.html 我在全屏WKWebView中加载此页面以重现问题. 我能够解 我发现如果我使用WKWebVIEw

vIEwport-fit=cover

和

body :{height:100%}

HTML主体的高度仍然无法到达iPhone X的底部并且等于safeArea的高度,但是背景颜色可以覆盖全屏.

https://ue.qzone.qq.com/touch/proj-qzone-app/test.html

我在全屏WKWebVIEw中加载此页面以重现问题.

解决方法 我能够解决(ObjC / Swift)的问题：

if (@available(iOS 11.0,*)) {  webVIEw.scrollVIEw.contentInsetAdjustmentBehavior = UIScrollVIEwContentInsetAdjustmentNever;}

要么

if #available(iOS 11.0,*) {    webVIEw.scrollVIEw.contentInsetAdjustmentBehavior = .never;}

此设置似乎与vIEwport-fit = cover具有相同的效果,因此如果您知道您的内容正在使用该属性,则可以通过这种方式修复错误.

env(safe-area-inset-top)CSS声明仍然按预期工作. WKWebVIEw会自动检测其视口何时与被阻挡区域相交并相应地设置值.

contentInsetAdjustmentBehavior和its parameter values和kudos to @dpogue的文档,以找到我找到解决方案的答案.

总结

以上是内存溢出为你收集整理的ios – iPhone X上的WKWebView页面高度问题全部内容，希望文章能够帮你解决ios – iPhone X上的WKWebView页面高度问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。