iPhone 6 および iPhone 6 Plus 用の効果的なメディア クエリを作成するにはどうすればよいですか?

iPhone 6 および iPhone 6 Plus のメディア クエリ

質問: メディアをターゲットにするための具体的な画面サイズはどれくらいですか? iPhone 6 および iPhone 6 のクエリさらに?

答え:

iPhone 6:

• ランドスケープ:

  • 最小デバイス幅: 375px
  • 最大デバイス-幅: 667px
  • 幅: 667 ピクセル
  • 高さ: 375 ピクセル
  • 方向: 風景

• ポートレート:

  • 最小デバイス幅: 375px
  • 最大デバイス幅: 667px
  • 幅: 375px
  • 高さ: 559px
  • 方向:ポートレート

iPhone 6 Plus:

• ランドスケープ:

  • 最小デバイス幅: 414px
  • 最大デバイス幅: 736px
  • 方向: 横
  • 最小デバイスピクセル比: 3

• ポートレート:

  • 最小デバイス幅: 414px
  • 最大デバイス-幅： 736px
  • デバイスの幅: 414px
  • デバイスの高さ: 736px
  • 方向: 縦方向
  • 最小デバイスピクセル比: 3
  • デバイスのピクセル比: 3

iPhone 6 と iPhone 6 Plus の両方:

• 最大デバイス幅: 640px
• 最大デバイス幅: 667 ピクセル
• 最大幅: 480 ピクセル

今後の iPhone モデルの予測メディア クエリ

iPhone 6:

• 最小デバイス幅: 750px
• 最大デバイス幅: 1334px
• 最小解像度: 326dpi

iPhone 6プラス:

• 最小デバイス幅: 1080px
• 最大デバイス幅: 1920px
• 最小解像度: 401dpi
• デバイスのアスペクト比: 16/9

以上がiPhone 6 および iPhone 6 Plus 用の効果的なメディア クエリを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。