媒体查询应该放在哪里？答案

【问题标题】：Where should media queries be placed?媒体查询应该放在哪里？
【发布时间】：2021-11-12 12:17:46
【问题描述】：

我是媒体查询的新手，我想知道它们应该放在哪里。

在样式表的最底部？

在链接到不同样式表（例如 phone.css、tablet.css、desktop.css）的 HTML 的 <head> 中？

一个地方和另一个地方有区别吗（性能、维护）？

提前谢谢。

【问题讨论】：

【解决方案1】：

对于您应该将媒体查询放在哪里没有明确的答案。重要的部分是您采取的方法使您的样式表可维护。

一种常见的方法是将媒体查询放在样式表的最底部，以便于访问。

【讨论】：

【解决方案2】：

MDN Docs 表示 media at-rule 可以放在代码的顶层

【讨论】：