如何把IPHONE手机的状态显示栏给盖住

kenminkajp · 发表于 2016-9-19 13:55:33

本帖最后由 kenminkajp 于 2016-10-8 17:09 编辑

问题：如何把IPHONE手机的状态栏显示栏给盖住
原因：IPHONE手机的状态栏会把手机的按钮盖住

状态栏如上

返回按钮和新增按钮被盖住。

希望这样，把手机的状态栏给盖住。

哎哟我去 · 发表于 2016-9-19 14:11:24

所有头部都做22px的距顶处理。还可以改颜色，多好。

kenminkajp · 发表于 2016-9-19 14:32:26

哎哟我去发表于 2016-9-19 14:11
所有头部都做22px的距顶处理。还可以改颜色，多好。

你好，请教下，你是怎么做的距顶处理。

kenminkajp · 发表于 2016-9-19 15:09:29

我用panel控件做了距顶处理，如预想一样，苹果的显示是好看了些，但是案桌的显示不理想。

kenminkajp · 发表于 2016-9-19 15:12:36

估计是浏览器的设置问题，请问我们能指定手机用什么浏览器吗

哎哟我去 · 发表于 2016-9-19 16:22:40

kenminkajp 发表于 2016-9-19 15:12
估计是浏览器的设置问题，请问我们能指定手机用什么浏览器吗

弄两份包，不同设备用不同的包。实现效果最好。用代码的话会看到页面变化的过程。

zzytxx · 发表于 2016-9-19 23:58:42

哎哟我去发表于 2016-9-19 16:22
弄两份包，不同设备用不同的包。实现效果最好。用代码的话会看到页面变化的过程。 ...

我也是这样的，那种判断设备的方法不合理，页面已经加载了部分了再去变布局，反而难看

wex81997167 · 发表于 2016-9-20 01:54:50

http://docs.wex5.com/wex5-app-question-list-2013/
原因：ｉｏｓ系统手机显示ＡＰＰ的时候会有和手机状态了重合的情况！

解决方案：
panel组件上设置class属性x-has-iosstatusbar
参考：/UI2/demo/taobao/list.w
/*
            判断html标签是否有iosstatusbar,有测表示在苹果手机上运行，顶部需要留出20px，因此修改popover的top
            */
            var src=$("html").hasClass("iosstatusbar");
            if(src){
                     $(".x-popOver-overlay").css({"top":"108px"});
            }

kenminkajp · 发表于 2016-9-20 09:41:00

发现这种情况只会发生在iphone6机型上，6S和6S plus上显示正常。

cgrddv · 发表于 2016-9-20 10:15:19

已经解决？

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

[结贴] 如何把IPHONE手机的状态显示栏给盖住

点评

评分

评分

点评