媒体查询工作正常,但突然不再工作了

media query was working fine but suddenly doesn't work anymore

之前还可以,但是突然就不行了:(

@media only screen and (max-width: 768px) {
form,
button,
input {
     width: 80vw !important;
    }
}


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

我有html、css和js代码包含在下面的link中:

DEMO: CodePen

问题是在您的代码中插入了一个不可见的特殊字符。

它使声明无效,调用 CSS 错误处理,规则被忽略。

如果您将代码复制并粘贴到记事本中,您就会看到它。

在计算机科学中,我们称其为一种集中的、不重复的幻觉,或class-5 自由漫游的蒸汽……也真是令人讨厌!: -)

简单的解决方案是删除该媒体查询并重新输入。