解决iOS的内嵌H5不能全屏问题

前言

　　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);
}

　　

最后，非常感谢 我的故事没编好 以及 方小川的前端博客 ，在此还是提醒各位一下，真的不要太相信同事说的话，当自己的代码没问题且反复验证不生效的情况，直接跑去对方工位查看对方的代码也是一种解决方式。