2

簡単な質問です。これは、仕組みを知っている人にとっては非常に簡単なはずだと思います (HTML5 アプリの構築は私にとって初めてのことです)。

Phonegap を使用してアプリを作成していますが、問題は phonegap から作成されたデフォルトが縦向きになっていることです。少なくとも、そのようです。iPadでアプリをテストすると、幅はうまく調整されますが、何らかの理由で高さが実際の本文よりも大きくなっています。この行に絞り込みました：

height=device-height を削除すると正常に動作します。つまり、デバイスの高さが間違っています。横向きの場合、height=device-width などに切り替える必要がありますか? ちょっと奇妙に思えるので、向きによって身長が変わると思います。

4

2 に答える 2

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構造に関する詳細情報を確認してください

于 2012-12-28T18:02:50.860 に答える
0

iOS画面で作業するには、横向きと縦向きの2つのビューを作成する必要があります。iPadの画面は1024×768ピクセルです。数値で直接処理するか、PhoneGapが提供するオプションを試してみてください。

于 2012-12-28T17:38:32.847 に答える