使用jquerymobile的移動web應用程序無法正確呈現iPhone橫向背景圖像？

Question

我正在開發一個使用jquerymobile的web應用程序，我將頁面樣式的寬度和高度設置爲100％。我有該頁面的背景圖像，並設置backgroundimage重複。

在iPhone上，在縱向模式下，背景佔用全屏幕大小，但是當我切換到橫向模式時，屏幕底部會出現空格（無bg）。只有在iPhone上我有這個問題。我還測試了Android，ipad和黑莓設備。在所有這些設備上，根據控件，兩個方向都可以使背景圖像完全佔據整個屏幕。

有沒有人遇到過這個問題？或者可以給我一些關於這個問題的建議？

Answer 1

我得到解決了這個問題。我剛剛刪除頁面的高度和寬度，並解決了問題，這意味着我設置寬度和高度爲100％，所以當控件走出屏幕我得到的問題，所以刪除了規範，得到解決，但後刪除相同的問題反映在ipad中，我編輯了jquery.mobile-1.0a3.min.css文件，他們設置了橫向和縱向的最大高度，我只是刪除了兩個高度，所有的問題都解決了。

感謝您的回覆。

Answer 2

兩個想法：

1. 嘗試設置背景，以身體，而不是頁面，如果可以的話，
2. 定義背景兩個類

.portrait yourelement { 
    /* the same bg declaration */ 
} 
.landscape yourelement { 
    /* the same bg declaration */ 
}