前言
IOS和安卓不同的地方在于设置了安全距离,所以需要特别的设置,否则设置了全屏会出现顶部有一片空白区域的问题。
解决方法:
1、iOS添加代码
if (@available(iOS 11.0, *)) { g_web.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever; } else { self.edgesForExtendedLayout = UIRectEdgeNone; }
2、H5 添加meta
<meta name="viewport" content=" viewport-fit=cover">
添加了viewport-fit=cover放到IOS机上就可以全屏了,如果不行那么一定是IOS的问题,让他自己检查代码(我就是相信了IOS同事说他那边没问题,要靠h5解决,白白浪费了一个下午的时间去查资料)
3、添加env 和 constant 适配机型
body { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
最后,非常感谢 我的故事没编好 以及 方小川的前端博客 ,在此还是提醒各位一下,真的不要太相信同事说的话,当自己的代码没问题且反复验证不生效的情况,直接跑去对方工位查看对方的代码也是一种解决方式。
标签:bottom,iOS,IOS,H5,添加,全屏 From: https://www.cnblogs.com/zxd66666/p/18028021