为什么桌面浏览器对iPhone X的分辨率和实际分辨率之间存在差异？
开发者模式(iPhone X(：Chrome/Firefox 上的 375 x 812
来自其他网站的规格： 1125 x 2436 在 (http://screensiz.es/iphone-x(
我应该遵循哪一个进行网络 css 样式？
谢谢。
iPhoneX 开发者窗口中列出的 375 x 812 像素用于设计。如果您想知道原因，请阅读以下内容。
"iPhone 7(以及或多或少的每一部现代智能手机(都有一个高密度屏幕(苹果称之为Retina Displays(，像素比为2.0，换句话说，两个iPhone7屏幕像素等于一个CSS像素。三星Galaxy S8 +具有惊人的4.0像素比，使其具有令人印象深刻的1440×2960设备分辨率。顺便说一下，我用十进制表示法编写像素比率值，因为除了苹果(仅使用整数像素比率(之外，其他供应商以十进制形式实现像素比率，例如Microsoft Lumia 1020的2.4值，或三星Galaxy S的1.5值。
"CSS 像素 = 设备像素/设备像素比">
"我们的媒体查询要正常工作，必须引用css像素，因此这些750和1334相应地变为375和667。如果我们将它们与物理屏幕像素进行比较，CSS像素基本上是"参考像素"，换句话说就是"虚拟"。
来源： https://medium.com/@flik185/understanding-device-resolution-for-web-design-and-development-3bb4a5183478