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; 
} 

這將解決這個問題，現在，它在相同的情況下爲我工作。 :-)