美文网首页
WebView适配全面屏

WebView适配全面屏

作者: X_code_ZH | 来源:发表于2018-06-19 19:53 被阅读0次

iOS11之后引入了安全区域的概念,对此的影响主要表现在scroview的子类,但是在适配安全区域的时候发现了一些不科学的现象,当然,没有偏离主题的,请继续往下看。

安全区域适配

if (@available(ios 11.0,*)) { UIScrollView.appearance.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever; }

不知道大家有没有在appdelegate里面写过这句话,这句话的意思就是不让scroview的子类自动适配安全区域。当你不写这句话你会发现,你的tableview拉到底之后顶上来了,正好是底部横杠的高度,但是当你写了之后就会发现这个功能能没有了。

回到主题WebView

大家可以尝试一下 当你加载一个页面内容没有超过全屏的时候,iphoneX下面那个横岗部分也就是安全区域内是不显示html内容的,对于一些页面内容较少,比如注册登录页面,底部不显示内容多难看,尤其是在你h5那边加载转转的时候到这边没有全屏,产品肯定会说你,如果解决,这里有几种解决办法,参考一下使用:

1.在iphoneX的时候增加webview高度34,这个方法太局限,不提倡

2.在iphoneX的时候改变webview.scroview的高度,这个方法我也不推荐,我没用过。

3.在iphoneX的时候设置webview.scroview.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;这个方法目前我感觉是最靠谱,直接让webview放弃适配安全区域,当然写上了这个,在webview滑到底部的时候就不会顶上来了。

问题疑惑

在这里有个疑惑,既然在appdelegate可以全局设置UIScrollViewContentInsetAdjustmentNever这个属性,为什么对webview布局无效,反而单独对webview.scorview设置的时候就有效。

如果有知道的大佬请您留言回复一下这个问题,分享解决问题的办法让大家一起进步。

相关文章

  • WebView适配全面屏

    iOS11之后引入了安全区域的概念,对此的影响主要表现在scroview的子类,但是在适配安全区域的时候发现了一些...

  • iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案

    iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案 iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案

  • Android适配之版本适配

    这篇文章用来记录学习和开发时遇到的版本适配问题,持续更新 全面屏、刘海屏的适配:Android 9 支持最新的全面...

  • 全面屏适配

    简单记录一下,预备知识来源:安卓屏幕完美适配方案——独家秘笈 先来点预备知识 屏幕尺寸(in) 手机对角线的物理尺...

  • 全面屏适配

    官方方法 只需要在application中添加

  • 全面屏适配

    https://www.jianshu.com/p/20d24c31cf5f[https://www.jiansh...

  • iOS解决无法适配模拟器的问题

    最近要进行全面屏的适配,但是又没有全面屏手机,全面屏手机价格太高,申请一个全面屏测试机估计也没有希望,所以只能使用...

  • 2018-11-29

    iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案 - 掘金

  • Android全面屏适配

    Android全面屏适配 方案1: AndroidManifest.xml 文件添加属性: 应用适配建议采用me...

  • Android 全面屏适配

    全面屏 小米mix(18:9屏幕)的出现标志的Android手机进入全面屏时代,这个非主流的尺寸确实带来了更多的观...

网友评论

      本文标题:WebView适配全面屏

      本文链接:https://www.haomeiwen.com/subject/gujzeftx.html