Phonegap身體大於屏幕

我正在開發一個Phonegap和JQueryMobile的Android應用程序，它需要使用$（「＃img1」）.css（「bottom」，「0px」）來對齊到頁面的底部...Phonegap身體大於屏幕

當我在AVD（Nexus 4和Nexus 7）中測試它時，它非常完美。當我將它放入手機中時，我發現「底部」圖像比屏幕更向下，並意識到我實際上可以用手指滾動並看到整個圖像。

下面是一些（我認爲）相關代碼

<meta name="format-detection" content="telephone=no" /> 
<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" />

還可以使應用程序將被強制爲景觀，但我真的不認爲這是問題的興趣...

來源

2014-12-03 AriWais

頁面或內容大小可能以像素爲單位設置。添加（@media screen和（orientation：landscape） .ui-mobile .ui-page {0} {0} {0};}}}無論如何它是一個Css問題。如果它不起作用，請在您的問題中添加HTML代碼以查看您擁有的結構。所有你需要的視口元標記都是（） – Tasos 2014-12-04 02:41:59

謝謝塔索斯，我覺得你是對的，但是不理解你究竟。內容大小實際上是以像素爲單位（還有其他選項）。（I0m將嘗試@media建議並返回） – AriWais 2014-12-04 14:24:46

我添加@media行但結果相同...順便說一句，不應該更好max-height = 100％??? – AriWais 2014-12-04 14:35:54

我認爲它與頁面加載時的JQM的最小高度css設置有關。嘗試

@media screen and (orientation: landscape) .ui-mobile .ui-page { min-height: 100% !important; })

來源

2014-12-04 14:51:45 Tasos

我接受了「{」中的de css代碼，它在第一頁中工作，但不在其他人中......我試圖弄清楚它是什麼... – AriWais 2014-12-04 15:01:42

如果你有一個移動設備（Android）將其插入PC並檢查開發控制檯中的CSS以查看發生了什麼。https://developer.chrome.com/devtools/docs/remote-debugging - 除此之外，如果你讓頁面ID嘗試CSS代碼並刪除（.ui-mobile .ui-page）並添加頁面ID在那裏，看看是否有幫助 – Tasos 2014-12-04 15:05:40

好的，我會從這裏嘗試它。 NKS！ – AriWais 2014-12-04 15:18:55

Phonegap身體大於屏幕

回答

相關問題