Html 为什么我必须在css的末尾写媒体查询。是否有从大屏幕到小屏幕的顺序来写媒体查询？

我对媒体查询非常困惑，因为当我应用媒体查询时，它不能正常工作。是否有ant序列将其写入CSS文件

@media max-width(767px)  {body{background:red;}  }
@media max-width(992px)  {body{background:blue;}  }
@media max-width(1200px)  {body{background:#fff;}  }

根据屏幕大小有没有合适的顺序来写呢？如果我这样写有什么区别吗

@media max-width(1200px)  {body{background:#fff;}  }
@media max-width(992px)  {body{background:blue;}  }
@media max-width(767px)  {body{background:red;}  }

---

您必须按以下方式编写媒体

在这里学习：

请看这里：

当你把它们放在css中时，它们就必须工作（除了你需要使用的

覆盖
的情况之外，重要的
）

请参见此处（css末尾）：

注意

您需要在
head
标记中使用此
meta
，以进行
媒体查询
工作：

<meta name="viewport" content="width=device-width, initial-scale=1">

您必须按以下方式编写媒体

在这里学习：

请看这里：

当你把它们放在css中时，它们就必须工作（除了你需要使用的
覆盖
的情况之外，重要的
）

请参见此处（css末尾）：

注意

您需要在
head
标记中使用此
meta
，以进行
媒体查询
工作：

<meta name="viewport" content="width=device-width, initial-scale=1">


你能解释一下你的媒体根本不起作用还是因为订单？是的，如果我在页面开头写媒体，它就不起作用，我应该在css末尾使用我的媒体查询吗？你能解释一下你的媒体根本不起作用还是因为订单？是的，如果我在页面开头写媒体，它就起作用了不工作我应该在css末尾使用我的媒体查询吗？可能重复的“告诉我”以获得更多帮助是的，没有问题，但您能告诉我您使用的媒体是否具有最大和最小宽度？使用最大和最小宽度或仅具有宽度的媒体进行更正的正确方法是什么？请您决定。。。。你可以在这里更深入地学习：让我们。告诉我更多帮助是的，没有问题，但是你能告诉我你使用的媒体是最大和最小宽度吗？使用最大和最小宽度还是仅使用宽度来纠正它的正确方法是什么？这供你决定。。。。你可以在这里更深入地学习：让我们。