检测响应式设计的不同桌面监视器的宽度

Question

您好我正在努力学习如何编写CSS媒体查询，而且我一开始几乎迷失了！如您所知，有几种尺寸的显示器，如

11" 时， 13" ， 14" ， 15" ， 17" ， 22" ， 24" ， 27"

现在我的问题是如何找到所有这些显示器的标准宽度以及如何在几个媒体查询中检测它们的宽度，这些查询可以覆盖从最大到最小的所有尺寸。我已经找到了CSS-TRICKS的这个链接“Media Queries for Standard Devices”，用于标准的便携式移动设备，但是对桌面显示器也需要一些东西吗？

由于

Answer 1

媒体查询基于像素尺寸，而不是英寸。

您将无法定位所有设备的所有尺寸，每天都有太多的设备进入市场。

采用设备无法识别响应式布局方法来定位多个维度和设备。

Answer 2

正如Lokase所说，媒体查询基于像素尺寸。

特定的显示器尺寸并不意味着特定的像素尺寸，因为您可以使用1024x768,1920x1200，...所有屏幕尺寸均为22英寸。

如果您对响应式设计感兴趣（媒体查询主要用于此），我会为您寻找“突破点”而非“屏幕尺寸”：）