iPhone6和iPhone 6 Plus的設備寬度css視口大小是多少

Question

iPhone 6和iPhone 6 Plus剛剛宣布。 但是像往常一樣，手機規格永遠不會在CSS像素或DPR中給出視口device-width大小， width=device-width,initial-scale=1 。

已經做出預測 ，推測375 / 414px視口寬度，但仍然不清楚......

注意：請不要使用已知的整體設備分辨率或規格推測或發布答案，這不是我想要的。 我想要默認的響應式縱向和橫向視口寬度（以像素為單位）。

Answer 1

以下是帶有詳細信息的ios設備尺寸

參考

Answer 2

（css） iPhone 6的設備寬度為375px ， iPhone 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）。

Answer 3

根據CSSpixels的說法

iPhone 6：1334x750，視口667x375

iPhone 6 +：2208x1242 *，視口736x414 *

* 虛擬分辨率被二次采樣以適合1920×1080屏幕 。

Answer 4

設備寬度確實是375x667，但這並不意味着視口是那么大。 這是一個經驗樣本。 請注意，數字四舍五入為10。