Windows Phone 8 - 应用程序底部的Phonegap + JQM未知空间

时间:2013-02-14 15:14:21

标签: cordova jquery-mobile visual-studio-2012 windows-phone-8

我正在使用phonegap尝试将应用程序移植到Windows Phone 8并使用JQM。老实说,我不认为JQM与此有任何关系,但我认为我的应用程序配置更多。

问题:

看起来该视图认为屏幕底部有一个应用栏,任何需要根据屏幕尺寸进行计算的内容都是从大约35像素左右开始。我是否需要指定此应用没有应用栏?如果我调整计算,内容会被切断,就像它离开浏览器端口一样。

这是一个行为屏幕(我不确定它是否会显示......): https://lh3.googleusercontent.com/-HO2kvP0umzI/URz-QSyxnUI/AAAAAAAAAAc/gsDJ-yr7RCA/s512/wp_ss_20130213_0001.jpg

如果该屏幕没有显示,请告诉我。相同的HTML / CSS / JS在iOS和Android中看起来很好,所以它必须是WP-Phonegap配置。如果重要的话,我正在使用phonegap 2.4.0入门模板来运行应用程序...

感谢。

1 个答案:

答案 0 :(得分:4)

所以解决方案就是这样做的:

Incorrect page height in jQuery Mobile

我刚把它添加到我的CSS:

@media screen and (orientation: portrait) {
    @-ms-viewport {
       width: 320px;
       user-zoom: fixed;
       max-zoom: 1;
       min-zoom: 1;
    }
}

@media screen and (orientation: landscape) {
@-ms-viewport {
    width: 480px;
       user-zoom: fixed;
       max-zoom: 1;
       min-zoom: 1;
    }
}