我正在研究 CSS 媒体查询最佳实践，并发现 Foundation's definition .
如您所见，第一个媒体查询没有最小/最大大小定义:
@media only screen { } /* Define mobile styles */
为什么他们使用这个媒体查询，因为它没有定义断点？这是最佳实践还是应该避免？
谢谢!
最佳答案
该特定媒体查询适用于所有屏幕(任何尺寸、方向、长宽比或像素密度)。
screen 是一种媒体类型。您在媒体查询中输入的任何内容都将仅适用于 screen，而不会适用于其他 media_type 的内容。
这是list of currently recognized values对于media_type。其中大多数已被弃用。您应该使用的(因为它们可能会留下来)是:
全部(如果未指定则隐式)屏幕打印演讲
基金会的人可能应该将查询后的评论更改为更明确的评论。他们可能应该使用 /* 常规样式，包括移动 */，而不是 /* 定义移动样式 */。
看看他们的媒体查询的结构，您会发现它是一个移动优先的 CSS 框架。就像这样:您首先定义一般样式(包括移动样式)，然后为越来越宽的屏幕应用异常(exception)。
关于css - 使用未定义的 CSS 媒体查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39807080/