我正在尝试创建一个类,我可以用它来隐藏网站移动版本上的某些 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 仍然可见。我似乎无法弄清楚为什么它不起作用。我缺少什么? 我已经尝试了使用CSS在移动设备上隐藏div中列出的所有建议,但似乎无法弄清楚我做错了什么。
这是一支笔来说明问题......将其大小调整到 720px 以下,桌面专用的 div 不会隐藏http://codepen.io/anon/pen/vEjvbM
我可以看到它正在工作。您可能忘记在 CodePen 中添加 CSS。
查看此更新版本:http://codepen.io/anon/pen/azGPxG
使用您提到的相同 CSS:
@media screen and (max-width: 720px) {
.desktop-only {
display: none !important;
}
}