如何防止Android Samsung平板電腦上的帶Phonegap的Jquery Mobile使用橫向高度作為縱向高度？

Question

這是一個奇怪的問題，我確實有一個解決方法，盡管似乎必須有一個更合理的方法。 對於可在iPhone，iPad和Android手機上正常運行的移動應用； 在運行Android 3.2的Samsung Galaxy Tablet（我擁有的唯一非Apple平板電腦）上分發它時，它會嘗試將縱向高度設置為橫向高度的尺寸，並在其下方留出空白。

如果我允許這兩種方向，並且從縱向到橫向再回到縱向，它都會自我校正。 如果我單擊從一個JQM頁面轉換到另一個JQM頁面的任何鏈接/按鈕，它將對其進行糾正。 盡管在過渡期間，底部的空白很明顯，但隨后確實填充了整個視口。

我的解決方法是為包含主頁內容的div分配一個id（id =“ home_content”），並將以下代碼添加到onDeviceReady（）的開頭：$（“＃home_content”）。height（$（ window）.height（））;

有人看過嗎？ 如果是這樣，我將為您提供更好的解決方案提供任何幫助。

謝謝，肖恩

Answer 1

聽起來像是視口問題。 您是否有“視口”元標記？ 我發現我需要為JQM弄亂它。

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

更多信息https://developer.mozilla.org/en/Mobile/Viewport_meta_tag