因為iphoneX等機型最下面會有條黑色等線,導致按鈕等元素被遮住部分,所以設置安全區邊距會往上提,如果不是劉海屏則保持原來樣式。(注:在小程序模擬器上不生效,以真機為准。)
iOS方案一:使用原生占位(僅App端支持)
manifest.json 文件 app-plus 節點下配下 safearea
"safearea": {
"background": "#CCCCCC",
"bottom": {
"offset": "auto"
}
}
iOS方案二:不使用原生占位(非App端可以不配置manifest
"safearea": {
"bottom": {
"offset": "none"
}
}
在你需要調大邊距的盒子添加以下樣式
.box {
padding-bottom: 0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}