iphone7 plus 的设备宽度 css 是多少？答案

【问题标题】：What are the device-width css for iphone7 plus?iphone7 plus 的设备宽度 css 是多少？
【发布时间】：2018-02-14 16:31:43
【问题描述】：

我需要通过JS检测IOS设备的设备，对于 iphone-6，我通过比率和 devicePixelRatio 检查它，我没有找到任何信息来检查设备是否是 iPhone 7 plus。

我找到了旧设备的信息，

或者这个

【问题讨论】：

【解决方案1】：

iPhone 7 的设备宽度/高度与 iPhone 6 相同：375x667 iPhone 7 plus 同理：414x736

【讨论】：

你是怎么判断js是iphone 6还是iphone 7的？
也许像素比可以帮到你。试试 window.devicePixelRatio
@amir 可以使用 matchmedia。它适用于所有新浏览器，低至 IE10。如您所见，我可以在这里使用：caniuse.com/#feat=matchmedia 有关 matchmedia 的更多信息：developer.mozilla.org/de/docs/Web/API/Window/matchMedia

【解决方案2】：

单击此链接即可轻松检测设备 CSS 宽度和高度：http://viewportsizes.com/mine/

对于 iPhone 6，它的 375px X 667px
iPhone 6+ 为 375px x 667px
对于 iPhone 7，其 375px X 667px
iPhone 7+ 为 414px x 736px

【讨论】：

【解决方案3】：

【讨论】：