Ios iPhone 6和6 Plus响应断点

根据苹果的网站：

iPhone 6的分辨率为1334×750像素，分辨率为326 ppi，对比度为1400:1（典型）

iPhone 6+的分辨率为1920 x 1080像素，分辨率为401 ppi，对比度为1300:1（典型）

但是，每个CSS媒体查询响应断点是什么？（肖像和风景）

---

我不完全理解如何使用各种响应模拟器测试视网膜屏幕大小。任何帮助都将不胜感激

您引用的是设备的物理像素，而不是css

设备宽度

大小。根据这一点，两个的设备宽度将为：

iPhone 6: 375px (2.0 DPR)
iPhone 6 Plus: 414px (2.6 DPR)

知道了这一点（假设推特是正确的），并假设您使用了适当的

元视口

标记，您大概看到了：

iPhone 6: 375px (portrait), 667px (landscape)
iPhone 6 Plus: 414 (portrait), 736px (landscape)

希望这有帮助

编辑：

关于iphone6plus的

2.6dpr

，它实际上是

3.0dpr

缩小了

1.15

，结果是

2.6dpr

。欲了解更多信息，请访问（感谢@mdcarter的链接！）

---

您可以获得所有标准设备的媒体查询列表

谢谢您提供的信息。我会投票支持你的答案，因为我没有这个名声。事实上，iPhone6Plus的像素密度比是3，但图像是经过缩小尺寸后显示出来的。更多信息请点击这里：@mdcarter，真有趣！我会相应地更新我的答案。谢谢@mdcarter-在我将css更新为包含3x之前，这些设备是否仍会呈现2x或还原为1x？通常，如果您设计的是响应性布局，您不会针对特定的设备大小进行设计。我只是想指出这一点，我理解。我实际上是在设计一款应用程序，所以我想测试新款iPhone的确切尺寸。这是一个很好的解释

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
    /* iPhone 6 Portrait */ 
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
    /* iPhone 6 landscape */
}


@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 
    /* iPhone 6+ Portrait */
}


@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { 
    /* iPhone 6+ landscape */
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
    /* iPhone 6 and iPhone 6+ portrait and landscape */
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ 
    /* iPhone 6 and iPhone 6+ portrait */
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){ 
    /* iPhone 6 and iPhone 6+ landscape */
}