苹果 x xr xs 底部导航栏被 直接顶起来了，破坏页面整体布局。打开的页面是内嵌的H5页面 不是 原生的VUE文件，在原生的H5页面里是没有问题的 想这种情况 求大神给 解答下
1***@qq.com
- 发布：2019-06-17 16:13
- 更新：2020-10-16 09:14
- 阅读：7298
uni -app webview 内嵌 H5页面 底部导航栏 在 苹果 X xr xs 下 安全区的问题
分类：uni-app
1***@qq.com (作者) - 前端菜鸟一个
在manifest.json 文件里 设置
"statusbar": {
"immersed": "none|suggestedDevice|supportedDevice，沉浸式状态栏情况",
"style": "dark|light, 系统状态栏样式",
"background": "#RRGGBB格式字符串，系统状态栏背景颜色"
},
"safearea": { //安全区域配置，仅iOS平台生效
"background":"#CCCCCC", // 安全区域外的背景颜色，默认值为"#FFFFFF"
"bottom":{ // 底部安全区域配置
"offset":"none|auto" // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"
},
也不管用
1***@qq.com (作者) - 前端菜鸟一个
解决了
把这句 加到原生的h5页面里 就行了
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover"/>
