uni-app 适配 iOS iPhoneX 底部的黑条
uni-app 适配 iOS iPhoneX 底部的黑条
2. 小程序
app.vue
<style> page{ padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ } </style>
h5
- 添加头部
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
注意：最重要的是 : viewport-fit=cover
- 添加样式
<style> body{ padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ } </style>
目前尚无回复
