iphone5S上显示问题

ipan

/*
.iosstatusbar用于苹果手机，.no-iosstatusbar 用于非苹果手机，
app在手机运行时会自定生成这个class样式
.css中设置中间区域向上偏移20px,
*/
.iosstatusbar .x-portal.x-panel >.x-panel-content{
    top:0 !important;
}
.no-iosstatusbar .x-portal.x-panel >.x-panel-content{
    top:-20px!important;
}

app在手机运行时会自定生成这个class样式，是指“.iosstatusbar”、“.no-iosstatusbar”自动生成吗？其实，如果能够正确生成这两个样式，我就知道怎么解决了；

liangyongfei

ipan 发表于 2016-11-17 17:14
/*
.iosstatusbar用于苹果手机，.no-iosstatusbar 用于非苹果手机，
app在手机运行时会自定生成这个class样 ...

嗯！你先动手试试！如果解决了欢迎分享

ipan

请教：这个问题其实只要将带有x-has-iosstatusbar的Panel的content的top从48改成68就能解决！但是，不能影响到其他页面，也就是执行css设置的时候，只影响当前页面；

// 在.js文件中设置，以下代码是可以改变当前页面样式的，问题会影响到其他页面！
var src = $("html").hasClass("iosstatusbar");
if (src) {
        $(".x-panel .x-has-iosstatusbar>.x-panel-content").css({
                "top" : "68px"
        });
}

// 在.css文件中设置，以下代码又不能改变css样式；
.iosstatusbar .x-panel>.x-panel-content

请指教！

ipan

上面写错了！
// 在.css文件中设置，以下代码又不能改变css样式；
.iosstatusbar .x-panel>.x-panel-content{"top":"68px"}

只要识别到IOS的手机，然后，改变当前页面的 .x-panel>.x-panel-content{"top":"68px"}就行！求正确写法！

ipan

.css文件中的样式编译后会加上一个后缀，有没特殊符号能够让编译不要加上后缀呢？

ipan

已经解决了！
1 对Panel加x-has-iosstatusbar样式，这样会包含20px的状态栏；

2 在Panel的panel-content上加ios-panel-content样式；然后定义一个公共的css样式，在启动页载入该样式；
/* IOS手机panel-top与panel-content重叠问题 */
.iosstatusbar .ios-panel-content{top:68px !important;}
/* IOS手机popOver弹出时候定位问题 */
.iosstatusbar .x-popOver-overlay{top:108px !important;}

3 页面上使用的弹出菜单popOver，会自动将定位下移20px；见上面定义的公共css；

Passer

ipan 发表于 2016-11-18 16:43
已经解决了！
1 对Panel加x-has-iosstatusbar样式，这样会包含20px的状态栏；

感谢楼主的这个方法！
panel-top与panel-content重叠问题解决了，但是状态栏还是没有预留出来（也给Panel加了x-has-iosstatusbar样式）……

一盏魂灯渡佳人

为什么我按照楼主的方法没有解决