0

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

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

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

谢谢

4

2 回答 2

2

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

您将无法针对所有设备的所有维度，每天都有太多的设备进入市场。

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

于 2012-11-29T16:53:49.653 回答
2

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

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

如果您对响应式设计感兴趣（媒体查询主要用于此），我建议您寻找“断点”而不是“屏幕尺寸”:)

于 2012-11-29T16:56:38.617 回答