有人告诉我可以'；不要在css中使用最大宽度，而必须使用最小宽度

这是带有@媒体屏幕和（最大宽度：700px）{

当我使用@media-screen和（最小宽度：700px）{时，它会出错。如何将它更改为最小宽度而不会出错

使用此代码

@仅介质屏幕和（最小宽度：700px）{

}

---

这肯定会对您有所帮助

您可以同时使用

minwidt

和

max width

，如果需要，还可以将它们组合起来

最小宽度

示例：

@media screen and (min-width: 576px) {
  body {
    background-color: lightgreen;
  }
}

@media screen and (max-width: 767.98px) {
  body {
    background-color: lightgreen;
  }
}

最大宽度

示例：

@media screen and (min-width: 576px) {
  body {
    background-color: lightgreen;
  }
}

@media screen and (max-width: 767.98px) {
  body {
    background-color: lightgreen;
  }
}

最小宽度

和

最大宽度

组合示例：

@media (min-width: 576px) and (max-width: 767.98px) {
  body {
    background-color: lightgreen;
  }
}

请注意，我使用767.98px作为

最大宽度

，因为下一个媒体规则将是例如

@media（最小宽度：768px）和（最大宽度：991.98px）{}

---

阅读有关媒体规则的更多信息。您还可以查看媒体规则在引导中的使用方式。

您可以编辑问题以显示更多代码吗？问题似乎是cat测验部分。如果您共享代码，我们可以破译它们。您能解释这是如何解决问题的吗？