MUI IOS11以上刘海屏APP打包状态栏

最新推荐文章于 2022-11-09 23:05:19 发布

原创最新推荐文章于 2022-11-09 23:05:19 发布 · 694 阅读

0 ·

CC 4.0 BY-SA版权

使用mui框架开发的APP，在IOS11以上刘海屏打包时，会出现标题栏被刘海覆盖、底部切换栏显示不全的问题。博客介绍了注意事项，如检查manifest.json中fullscreen节点设置，在H5+app页面head的mate中加入viewport-fit=cover，还提及状态栏背景色、字体及图标设置。

MUI IOS11以上刘海屏APP打包状态栏

mui框架开发的APP，由于ios11以上的刘海屏的出现，导致打包时会出现标题栏被刘海覆盖，底部切换栏在最下方显示不全。

注意

在manifest.json中检查是否设置了fullscreen节点（全屏显示的设置----“fullscreen”：true）；
在H5+app页面中的head的mate中是否有加入<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no,viewport-fit=cover"> 重点在viewport-fit=cover（全屏显示）；