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

前言

　　IOS和安卓不同的地方在于设置了安全距离，所以需要特别的设置，否则设置了全屏会出现顶部有一片空白区域的问题。

 

解决方法：

1、iOS添加代码

?

1 2 3 4 5

if (@available(iOS 11.0, *)) {     g_web.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever; } else {     self.edgesForExtendedLayout = UIRectEdgeNone; }

　　

2、H5 添加meta

?

1	<meta name="viewport" content=" viewport-fit=cover">

　　添加了viewport-fit=cover放到IOS机上就可以全屏了，如果不行那么一定是IOS的问题，让他自己检查代码（我就是相信了IOS同事说他那边没问题，要靠h5解决，白白浪费了一个下午的时间去查资料）

 

3、添加env 和 constant 适配机型

?

1 2 3 4

body {     padding-bottom: constant(safe-area-inset-bottom);     padding-bottom: env(safe-area-inset-bottom); }

　　

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