ios手机顶部状态栏显示问题

ay123

现在是打了状态栏插件(cordova-plugin-statusbar)，但是ios登录顶部状态栏还是会出现与首页重叠问题。

jishuang

所有的ios客户端都这样？

ay123

是的，现在是使用此方案 http://bbs.wex5.com/forum.php?mod=viewthread&tid=122088&extra=page%3D2，但是ios 全面屏的就还是会出现界面覆盖情况。

jishuang

那就是只有全面屏才有问题？
用平台最新的3.8版本中默认带的apploader测试了吗？

ay123

是的，目前是ios全面屏会出现以上情况，请问有没有解决方案？

jishuang

在index.css中加上下面的样式看看

1. body {
   
2.     padding-top: env(safe-area-inset-top);
   
3.     padding-right: env(safe-area-inset-right);
   
4.     padding-bottom: 50px; / 兼容不支持 env( ) 的设备 /
   
5.     padding-bottom: calc(env(safe-area-inset-bottom) + 50px); / 在 iphone x + 中本句才会生效 /
   
6.     padding-left: env(safe-area-inset-left);
   
7. }

复制代码

ay123

好的

ay123

放入index css里面，还是没有生效

jishuang

真机调试跟踪一下样式确认起作用了吗？

ay123

jishuang 发表于 2019-8-26 09:10
真机调试跟踪一下样式确认起作用了吗？

ios全面屏都会出现此情况，在index加上以上css调试后发现未生效。