HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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中加载此页面以重现问题.

解决方法

我能够解决(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会自动检测其视口何时与被阻挡区域相交并相应地设置值.

contentInsetAdjustmentBehaviorits parameter valueskudos to @dpogue的文档,以找到我找解决方案的答案.

大佬总结

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

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。