5

Android デバイスのすべてのサイズに対応するページの幅を設定する必要があります。私は次のコードを使用しました:

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

target-densityDpiまた、すべてのプロパティでを試しました。これも で、 target-densityDpi70 から 400 の間の数値を指定しました

幅が画面に収まりません。幅が画面の幅を超えているか (小さい画面ディスプレイの場合)、幅が小さすぎます (4 インチから 5 インチのディスプレイの Android デバイスの大きいディスプレイの場合)。

4

2 に答える 2

0

私はほぼ同じ問題を抱えています。私が使う:

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

と:

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no"

そして、すべてのバリエーションで、宣言間のセミコロンの"代わりに' ...しかし、Androidデバイスでスケーリングして、ページの半分のコンテンツを移動することができます。

javascriptである可能性がありますか?参照... ビューポートメタタグを使用してモバイルWebコンテンツをスケールフィット

よろしく、アン

于 2013-03-08T09:36:35.973 に答える
0

以下を使用して同様の問題を解決します。

<meta charset = "utf-8" name = "viewport" content = "width=device-width, user-scalable = no, target-densitydpi=mdpi">

また、次のcss:

body {
   width: 100%;
}

mdpiフォントが小さすぎるという問題を回避します。フォントに問題がない場合は、試すこともできますdevice-dpi

于 2013-03-08T10:22:33.577 に答える