如何解决 html 和 CSS 中的 @media max-width 问题？

Question

我试图使用 css 命令屏幕，但出现错误...

我试图使用

  @media (max-width: 858px;)

，但无论我如何努力，它都会不断显示错误标记，并且代码将无法工作

嗨，我试图使用 css 命令屏幕，但出现错误...

我试图使用

  @media (max-width: 858px;)

，但无论我如何努力，它都会不断显示错误标记，并且代码将无法工作

Answer 1

问题可能是括号内有分号。它们不是必需的，或者据我所知甚至是允许的，因为括号之间不应该有多个条件。

所以应该是：

@media (max-width: 858px)

如果您想要多个条件，请将它们放在单独的括号中并使用“and”运算符：

@media (max-width: 858px) and (min-width: 700px)

所以分号不是语法的一部分。

在您的屏幕截图中，第二个错误可能提示另一个错误，即您有“-width”，这不是有效的属性。这应该是“宽度”。