在iPad和黑色邊框問題中，Phonegap應用屏幕密度太低

Question

我有一個使用Phonegap構建的應用程序。它在所有的iPhone屏幕尺寸（在模擬器）看起來很好，但我似乎無法擺脫醜陋的黑色邊框。此外，在邊框內顯示的應用程序的屏幕看起來像是放大的方式，我甚至不能滾動到頁面的底部。

下面是它的截圖：

我知道它是與此標記在我的index.html文件：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"/> 

我似乎無法到得到正確的設置。請注意，我已經嘗試過使用這個：target-densitydpi = medium-dpi，正如在這個論壇上的另一個類似問題上所建議的那樣，但這並不奏效（他的問題與我的問題並不完全相同）

注意，屏幕截圖來自9.7英寸屏幕，但我想要一個適用於較大iPad屏幕的解決方案，並且不會爲iPhone屏幕而打破。

在此先感謝...

Answer 1

在您的config.xml文件中，您需要啓用兩個手機類型。

你最有可能有目前：

<preference name="target-device" value="handset"/> 

，或者您會不會有目標設備的任何偏好可言。您必須輸入或更改上面的條目：

<preference name="target-device" value="universal"/> 

這樣構建將與iPad和iPhone設備兼容。

Answer 2

試試下面的meta標籤：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

我想你已經設置了錯誤width