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

Question

之前有效，但突然间它停止了工作:(

@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代码包含在以下链接中：

DEMO: CodePen

Answer 1

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

它使声明无效，它会调用CSS错误处理，并忽略规则。

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

在计算机科学中，我们称之为一个集中的，非重复的幻象，或者是5级自由漫游的蒸汽......真的很讨厌！： - ）

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