web-dev-qa-db-ja.com

iPhone6およびiPhone 6 Plusのデバイス幅のCSSビューポートサイズ

IPhone 6とiPhone 6 Plusが発表されました。しかし、いつものように、電話の仕様ではメタビューポートdevice-widthサイズはCSSピクセルまたはDPRのwidth=device-width,initial-scale=1

予測 375/414pxのビューポート幅を推測して作成されましたが、それでもまだ不明です...

NB:knownのデバイス全体の解像度または仕様で答えを推測または投稿しないでください。私が探しているものではありません。デフォルトのレスポンシブなポートレートとランドスケープのビューポート幅をピクセル単位で指定します。

28
hexalys

(css)デバイス幅iPhone 6は375pxiPhone 6 Plusは414px。 iPhone 6 Plusレポートwindow.devicePixelRatio = 3(実際には3 DPRではありません)

更新1:明確にするために、これは予測ではないが、実際にテストされていると思います。 より詳細で信頼できるリファレンス を参照してください。疑わしい場合は、デバイスが出てくるのを待つことができます。

更新2:iPhone 6で 表示ズーム が有効な場合、Mobile SafariフォールバックのCSSビューポートは320px(iPhone 5など); iPhone 6 Plusの場合、375px(iPhone 6など)にフォールバックします。

37
bitinn

以下は、詳細情報を含むiOSデバイスサイズです。

enter image description here

参照

47
swiftBoy

CSSpixels による

iPhone 6:1334x750、ビューポート667x375

iPhone 6以降:2208x1242 *、ビューポート736x414 *

* 1920×1080画面に合うように仮想解像度がサブサンプリングされます

7
megatoad2

デバイス幅は確かに375x667ですが、それはビューポートがそのサイズであることを意味しません。これは経験的なサンプルです。数値は10に丸められていることに注意してください。 Device-width vs. reported Viewport with sample data

0
jeffmcneill