0

私は 640x960px の解像度でアプリを設計し、現在 iPhone 4S 用の Web アプリに変換しています。ご存知かもしれませんが、iPhone 4s の解像度は 640x960px です。

デザインをダウンスケールまたはアップスケールしないメタ ビューポートで使用width=device-widthすると、iPhone が 640 ピクセルではなく 320 ピクセルの幅を使用するのはなぜですか?

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

ただし、使用するwidth=640と、ブラウザーは幅として 640px を使用するように強制されますが、iPad などの他のデバイスの幅は自動的に変更されません。これは私には意味がありません。

4

1 に答える 1

0

content="width=デバイスの幅"

ビューポートの幅のみを変更します。ランドスケープモードでも device-width の width を 768px と考えるような場合、iPad はばかげているようです。

ランドスケープ モードでは、iPad の特定のピクセル値を設定すると、1.333 に拡大されます。これを使用して、レスポンシブ レイアウト手法と組み合わせます

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

また、あなたのしていることは正しいです。レイアウト用の特定のコードを追加するだけです。私の人生をずっと楽にしてくれました。

于 2012-08-10T14:41:42.093 に答える