uniapp 解决phoneX原生tabbar 安全区域问题

参考了uniapp给出的解决方案,发现在真机并不生效

uniapp 解决phoneX原生tabbar 安全区域问题_第1张图片因此在普通H5需要设置meta标签来支持

原理如下

uniapp 解决phoneX原生tabbar 安全区域问题_第2张图片

解决方案

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */

参考:

Uniapp-tabbar选择及适配

你可能感兴趣的:(uniapp,前端学习,前端,uniapp,tabbar,iphoneX兼容)