原文在此,请点击 ...
前言 场景:因为要做无tabbar页面,所以在配置文件中取消底部导航栏。 取消后,iPhone X 刘海屏 底部就出现如下图所示白色安全区域问题:这个问题,是因为uni app默认会为iPhone X 刘海屏 留出安全距离,这个安全距离的背景色就是白色。所以,如果你将页面颜色设置为其他颜色,就会与默认白色冲突。 有 个不同的解决方案 原生占位 ,虽然原理是一样,但使用的场景不同,请根据您的需求来采 ...
2021-02-25 16:20 0 1551 推荐指数:
原文在此,请点击 ...
;11.2*/ 写在被安全距离影响到的元素CSS下 ...
一、使用背景 苹果官方推荐:使用env(),constant()来适配,env()和constant(),是IOS11新增特性,用于设定安全区域与边界的距离 safe-area-inset-left:安全区域距离左边边界的距离 safe-area-inset-right:安全区域距离右边 ...
padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-a ...
app.vue中判断手机机型,设置需要留出的高度(如果不是iPhonex,则默认为空) 在需要避开底部横线的地方,设置:style="{paddingBottom:BottomBlackLineHeight }" 因为BottomBlackLineHeight默认为空,那么非iPhoneX ...
在 plus.screen.lockOrientation('portrait-primary'); //锁定 ...
// ios底部安全距离 // ios底部安全距离 ...
设置wxss样式: padding-bottom: env(safe-area-inset-bottom); ...