@media摆放位置

@media规则可以放置在CSS文件的任何位置，但是通常建议将其放置在样式表的末尾，以便更好地组织和管理代码。这样可以使得媒体查询与其他样式规则分开，更易于维护和理解。

以下是一个示例，展示了如何在CSS文件中使用@media规则，并将其放置在样式表的末尾：

/* 其他样式规则 */

/* 媒体查询 */
@media screen and (min-device-width: 480px) {
  /* 样式规则 */
}

@media (min-width: 768px) {
  /* 样式规则 */
}

@media (min-width: 992px) {
  /* 样式规则 */
}

@media (min-width: 1200px) {
  /* 样式规则 */
}

在这个示例中，媒体查询规则被放置在其他样式规则之后，这样可以更好地组织代码并提高可读性。