Hbuilder打包APP苹果X手机适配问题

来源【原创】 / 205人浏览
时间:2020-07-04 18:37:50
0

前一阵子用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沟通


打赏

站内搜索

搜索文章