1、 在ios开发的过程当中,在ios设备上底部会出现一个安全空白区域

 如果想要去掉,在manifest.json中点开源码视图配置:

"app-plus" : {
    "background": "#CCCCCC", //背景色
    "safearea" : {      //安全区域配置,仅iOS平台生效  
        "bottom" : {    // 底部安全区域配置  
            "offset" : "none" // 底部安全区域偏移,"none"表示不空出安全区域, "auto"自动计算空出安全区域,默认值为"none"  
         }
    }
}

2、去掉之后,在自己写页面底部时,用到绝对定位设置bottom:0,就带来一个问题,在iOS端底部内容与iOS导航条叠在一起,非常不美观。

解决方法也很简单,在对应的类上加上.safe-padding

对应的样式:

.safe-padding {
    padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐