使用未定义的CSS媒体查询

我研究了CSS媒体查询的最佳实践，发现

如您所见，第一个媒体查询没有最小/最大大小定义：

@仅媒体屏幕{}/*定义移动样式*/

为什么他们使用这个媒体查询，因为它没有定义断点？这是最佳做法还是应该避免

---

谢谢

媒体查询不仅仅针对断点。您可以指定输出介质，如

屏幕

。在这种情况下，只针对显示屏。您也可以仅针对

打印

介质或具有特定方向或分辨率的介质

---

请参阅或上有关媒体查询和媒体类型的更多信息。

特定媒体查询适用于所有

屏幕（任何大小、方向、纵横比或像素密度）。

屏幕
是一种媒体类型。您在该媒体查询中输入的内容将仅适用于
屏幕
，而不适用于其他
媒体类型的内容

这是
媒体类型的代码。它们中的大多数已经被弃用。您应该使用的（因为它们可能会留在这里）是：


all
（如果未指定，则隐式）
屏幕
打印
语音


Poundation的成员可能应该将查询后的注释更改为更明确的注释。他们应该使用
/*通用样式，包括mobile*/
，而不是
/*定义移动样式*/

看看他们的媒体查询结构，你会发现这是一个移动第一CSS框架。例如：首先定义常规样式（包括移动），然后对越来越宽的屏幕应用例外情况。
它只针对
屏幕（显示），而不是其他媒体，如
打印
。宽度和高度不是媒体查询的唯一用途。为什么它需要断点？这只是说屏幕而不是打印。在这些示例中，他们首先使用移动设备，因此，对于较大的屏幕尺寸，会显示断点。感谢大家的评论！是的，你说得对。我只是想知道，当开发响应性网站时，一般CSS（即用于每个屏幕大小的规则）应该是在媒体查询之外或在媒体查询中，如基础所使用的媒体查询——没有屏幕尺寸规格的媒体查询。也许这只是组织/偏好的问题。