如何修复CSS中@media max-width语法错误导致的代码失效问题？

你写的媒体查询代码@media (max-width: 858px;)里，括号内的858px后面多了一个分号，这是导致错误的直接原因。

正确的写法应该是：

@media (max-width: 858px) {
  /* 在这里添加你的响应式样式代码 */
}

CSS媒体查询的条件表达式中，属性值后面不需要加分号，多余的分号会让浏览器无法正确解析这条规则，所以才会出现错误标记。

内容的提问来源于stack exchange，提问作者Naijamomocomng