Hbuilder打包APP苹果X手机适配问题
前一阵子用Hbuilder打包了一个APP，自己在安卓和iphone6苹果上测试一切正常,但忽略的对苹果刘海屏的适配导致底部导航栏不能很好的适配，这里我把解决刘海屏适配的操作记录分享出来给大家看下。
1、mainfest.json文件里
plus{
.....
"safearea" : {
/* phone X底部自适应*/
"background" : "#fff",
"bottom" : { "offset" : "auto" }
},
. ....
}
2、在页面<head>标签里添加<meta name='viewport' >标签让页面自动适配
我这里的完整代码如下：
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0,shrink-to-fit=no,viewport-fit=cover" />
处理好上面两步骤后，重新打包试试效果，顺利的话应该可以了，如有问题可以加我QQ：346157403沟通
站内搜索
搜索文章
