Html 在手机上隐藏div无效

我正在尝试创建一个类，我可以用它来隐藏网站移动版上的某些div。我使用的css是

@media screen and (max-width: 720px) {.desktop-only { display: none !important; }}  

视口设置为

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

然而，当我在分辨率低于720px的设备上查看站点时，div仍然可见。我似乎不明白为什么它不起作用。我错过了什么？ 我尝试了表中列出的所有建议，但似乎无法找出我做错了什么

---

这里有一支笔来说明这个问题……将其大小调整到720px以下，并且仅桌面div不会隐藏

我可以看到它正在工作。您可能忘了在CodePen中添加CSS

请参阅此更新版本：

使用与您提到的相同的CSS：

@media screen and (max-width: 720px) {.desktop-only { display: none !important; }} 

---

嗯，我已经把它和我链接的样式表一起添加了，现在css又被添加了，它正在pen.Derp上工作！我的样式表上有一个括号。谢谢