2012-12-28 45 views
2

快速的問題,因爲我認爲這應該是非常簡單的知道它是如何工作的(HTML5應用程序的構建對我來說是新的)。Phonegap Landscape App;然而,身高是肖像的高度

我使用Phonegap來構建一個應用程序,但問題是,從phonegap構建的默認是肖像取向。至少,看起來就是這樣。當我在我的ipad上測試應用程序時,寬度調整得很好,但由於某種原因,高度比實際的身體內容大。我把範圍縮小到這一行:

當我刪除高度=設備高度,使其正常工作。換句話說,我在那裏弄錯了設備的高度。在風景中時,是否需要切換到高度=設備寬度或其他?因爲這看起來很古怪,所以我希望我的身高可以根據方向改變。

回答

5

我認爲下面的代碼可以解決您的問題。您需要使用

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

這種結構

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 

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

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"> 
</script> 
</head> 

<body> 
...content goes here... 
</body> 
</html> 

檢查的詳細信息上JQM Anatomy of a Page

0

要使用iOS屏幕必須製作兩個視圖,一個用於橫向和一個用於縱向,度量ipad屏幕爲1024×768像素,然後我認爲您應該直接用數字處理它們,或者繼續嘗試使用PhoneGap給出的選項