css - 为响应式设计检测不同桌面显示器的宽度

Question

您好，我正在尝试学习如何编写 CSS 媒体查询，但一开始我几乎迷路了!如您所知，外面有多种尺寸的显示器，例如

11",13",14",15",17",22",24",27"

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

谢谢

Answer 1

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

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

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