14

iOS のスケーリング属性を理解しようとしています。

  1. Apple の Developer Docsによると、宣言<meta name="viewport" content="width=device-width">すると、iOS は、ページの読み込み時に (縦向きモードで) Web ページを 1:1 のピクセル比にスケーリングするように指示されます。

  2. HTML5Boilerplate の関係者によるプレゼンテーション(スライド 13 を参照) によるとdevice-width、デバイスの向きに関係なく、常に iOS デバイスの画面のより小さい測定値に対応します。

  3. したがって、iOS で<meta name="viewport" content="width=device-width">デバイスを横向きに保持しながら宣言を使用してページを読み込むと、iOS は画面の高さに見えるものに従ってビューポートの幅を設定し、結果として 1.5:1 (iPhone 4s) または 2 になります。 1 (iPhone 5) ピクセル比。

私は正しいですか、それとも Apple が使用する「幅」と「デバイス幅」の定義を誤解していますか?

さらに、iOS デバイスが回転するとき、ビューポートは何を維持するのでしょうか? 幅ですか、それともスケールですか？メタ設定に依存しますか？

4

1 に答える 1

5

Apple の Developer Docs によると:

「同様に、ビューポートの幅のみを指定すると、高さと初期スケールが推測されます。注意してください... 横方向はデバイス幅と等しい幅を維持します。これにより、初期スケールが変更され、ズームインの効果があります。ユーザーは横向きに変更します。」

この記事では、デバイスの向きや回転に関係なく、iOS は同じビューポート設定を維持すると述べています。

こちらの「Safari が幅、高さ、および初期スケールを推測する方法」を参照してください。

于 2012-12-21T21:26:44.827 に答える