Phonegap Windows Phone 8空白底部解决方案不起作用

Question

我正在为Windows Phone 8开发Phonegap应用程序。我正在测试我的应用程序在两个设备上，HTC Windows Phone 8S和诺基亚Lumia 820.我的应用程序显示正确地在HTC设备上，但它在诺基亚设备的底部留下了一个空白区域。我只能假设，这是地址栏将出现在Web视图中的地方。

我现在的解决方案删除了​​底部的空白区域，但却带来了另一个问题。

body, html { 
-ms-overflow-style: none !important; 
} 

@-ms-viewport { 
height:513px; 
width: 320px; 
user-zoom: fixed; 
max-zoom: 1; 
min-zoom: 1; 
} 

它的底部摆脱空白的，但是当我在我的应用程序中在输入栏上单击，应用程序的宽度调整到设备的宽度。

任何人有任何想法？

Answer 1

包括此index.html中，

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" /> 

之纳入CSS：

@viewport 
{ 
width:320px; 
} 

@-ms-viewport { 
width:320px; 
zoom-user:fixed; 
max-zoom:1; 
min-zoom:1; 
} 

，包括也是这个，

body, html { 
    -ms-overflow-style: none !important; 
} 

这将解决这个问题，现在，它在相同的情况下为我工作。 :-)