①上个月打包好的app,出现底部不适配原因:app不适配iphoneX。
因为iphoneX去除Home按键指示器底部样式缺失,该app不适配iphonex(ps:在查找了相关资料处理后,又重新打包审核)
解决方法:
manifest.json配置文件 ----> ‘代码视图’ ----> 'plus'下添加代码(添加安全区域):
"safearea":{
"background":"#fff",
"bottom":{
"offset":"auto"
}
},
②在每个htML页面中,加入
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
实现全屏适配,这样做就会使头部样式延申至刘海屏部分。
③每个页面添加了公共的css样式:
/*兼容ihponeX样式 start*/
body {
padding-top: constant(safe-area-inset-top);
}
.mui-bar.mui-bar-nav {
top: constant(safe-area-inset-top);
}
/*兼容ihponeX样式 end*/
目前未知constant是否只在iPhoneX中起作用,暂未测试过,但客户没再反应回来应该是解决了。