所有设备：CSS视口、像素密度和屏幕分辨率

这是设备上浏览器显示区域的宽度，以CSS像素为单位。这是您的媒体查询进行比较的值，并且几乎总是小于制造商宣布的分辨率。

分辨率是屏幕的物理像素数，CSS视口是您的样式表工作的逻辑宽度。两者之间的比率是像素密度：一个1179像素的3x密度屏幕提供393个CSS像素。

在列出的168个设备中，最常见的宽度是360 px, 412 px, 393 px。首先检查这些宽度可以覆盖大多数移动设备，然后再添加更细的断点。

使用Mobile FIRST扩展：它在您的浏览器中直接重现这些型号的77个设备的视口、像素密度、User-Agent和触摸事件，包括在localhost地址上。

是的。目录包含168个型号，分布在18个品牌中，并且在每次新设备发布时都会更新。