css - 媒体查询替代代码区域？

Question

我认为将没有宽度/高度/.. 依赖项的默认 css 放在像这样的媒体查询中是个不错的主意:

@media only all and (min-width: 0px){ ... }

我是否遗漏了任何可能的缺点？

Answer 1

老实说，它的可读性并不好。如果我在 CSS 文件中看到它，我会认为这是一些奇怪的 CSS hack。

另一个缺点是您添加了不必要的媒体查询。通过媒体查询设置所有默认属性可以让 CSS 编译器做更多的工作。

最后是支持。并非所有浏览器都支持媒体查询，尤其是当您在企业工作或与使用非常旧的浏览器的客户打交道时。如果您通过媒体查询设置了所有默认值，那么如果这些查询失败，您将无法轻松回退。