phonegap應用程序 - 處理不同的分辨率

我正在開發與Phonegap的Android應用程序，並與不同的屏幕有問題。我搜索了很多，大家都建議使用元標籤，所以我包括在我的html：phonegap應用程序 - 處理不同的分辨率

<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" />

當我在模擬器中進行測試它，它正是我想要的，但是當我測試了三星星系S4和三星Galaxy S2，它非常小。 S4顯示它更小。一個甚至不能閱讀內容（我認爲這是因爲xhdpi和hdpi）。那麼有誰能告訴我如何處理它？非常感謝你！

來源

2014-01-21 SomethingElse

，你遇到的問題是因爲target-densitydpi=device-dpi的。它試圖利用您的手機具有的高分辨率。 PhoneGap首先使用的默認元標記具有導致此「問題」的額外細節。

您的meta標籤更改爲：

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

，它應該工作的罰款。

來源

2014-01-21 15:59:16

結合這個答案與Tran Hieu的回答是最好的我猜:) – JunM

謝謝！是的，我知道這是理由，但是到處都有人建議這樣做，我認爲我是以其他方式做錯了事。現在它可以工作。只需要小屏幕媒體查詢:)） – SomethingElse

您應該使用CSS來控制基於屏幕尺寸&方向的用戶界面。例如：

@media only screen and (min-width:768px) and (max-width:959px)

參考文檔：CSS media queries

來源

2014-01-21 12:37:39

phonegap應用程序 - 處理不同的分辨率

回答

相關問題