iphone中 titlebar（标题栏）下面有一块白色区域怎样去掉

ziru7 · 发表于 2017-6-12 11:22:28

本帖最后由 ziru7 于 2017-6-12 11:57 编辑

如图，iphone app 中titlebar（蓝色标题栏）下面有一段白色区域块，将交通 1200挡住了，请问需要怎样才能将其去除。谢谢！
注：浏览器上用iphone手机模式看不到白色区域，只有iphone手机app上才有。

半导体 · 发表于 2017-6-12 13:40:37

什么版本的X5 什么版本的iOS？

ziru7 · 发表于 2017-6-12 14:32:08

x5 v3.6，ios 9

半导体 · 发表于 2017-6-12 15:16:16

试试这个http://bbs.wex5.com/forum.php?mo ... ypeid%26typeid%3D43

ziru7 · 发表于 2017-6-12 15:26:19

我程序里暂时没加解决顶部20px重叠的代码，是标题自己本身底部有白色块

半导体 · 发表于 2017-6-12 16:30:06

ziru7 发表于 2017-6-12 15:26
我程序里暂时没加解决顶部20px重叠的代码，是标题自己本身底部有白色块

那你真机调试一下看看呢http://docs.wex5.com/android-and-ios-device-debugging/

ziru7 · 发表于 2017-6-12 16:58:54

本帖最后由 ziru7 于 2017-6-12 18:01 编辑

是因为这个样式

所有的子页面都有这个样式。
我在当前页面css加入下面样式能将标题栏下面的白色块去掉，
.window .x-panel >.x-panel-content, .window .x-panel >.x-panel-content.x-panel .x-panel-content .x-has-iosstatusbar.x-panel>.x-panel-content{
top:48px;
}

我手机在当前页面的css添加样式时的生效。
48生效.png

使用公用css文件（公用css文件是正确引用的，里面其他样式能有用），为什么手机上这条样式对所有子页面都不会生效？怎样才能让所有子页面都设置top:48px呢？

.iosstatusbar的class是加在html标签上的，即<html>

还有上面第一张图的那个样式是哪个文件里面的呢？谢谢！

ziru7 · 发表于 2017-6-13 09:26:10

半导体发表于 2017-6-12 16:30
那你真机调试一下看看呢http://docs.wex5.com/android-and-ios-device-debugging/

你好，可否帮忙看看，怎样写一个公用样式呢？详细情况见楼上

半导体 · 发表于 2017-6-13 09:50:59

ziru7 发表于 2017-6-12 16:58
是因为这个样式

我觉得可以写一个单独的css文件在index页面引用一下

然后在这个css文件里面重写下面这个样式
.iosstatusbar .x-panel.pc........{

}

ziru7 · 发表于 2017-6-13 10:54:23

没有用，我试过了。
.iosstatusbar是html标签的样式，公共css文件里貌似不能加这个class

		自动登录	找回密码
密码			注册

[结贴] iphone中 titlebar（标题栏）下面有一块白色区域怎样去掉