香蕉云编原创发布日期：2019-6-20
像iphoneX,越来越多的手机设计了刘海屏，手机下部也出现了横线，造成很多h5开发的app应用程序无法全屏，那么iphoneX下的H5 app是不支持全屏了吗？答案肯定不是的，任何品牌的手机都不敢放弃H5，其实处理的方法很简单。
在html的head标签里面加入如下的代码：。
注意不要少了viewport-fit=cover和user-scalable=no
假如少了viewport-fit=cover，会影响iphoneX的兼容性
假如少了user-scalable=no，会影响android的键盘的兼容性
对于全面屏页面内容的展示区域的兼容，可以通过在头和尾加padding解决，当然，你也可以引用yeui css框架来解决，下载yeui的例子代码参考。
页面底部有导航菜单的情况,页面最下部的bottom处理,在主页面div里添加这个间距：
页面下部无导航菜单的情况,页面最下部的bottom处理,在主页面div里添加这个间距：
