html - 试图在屏幕尺寸上隐藏 div 类

Question

我试图让一个元素隐藏在 460 像素及以下。 我试图在标题的最顶部隐藏电话号码和电子邮件。 info@locksmithsuppler.com (909) 278-2644

我遇到了麻烦。感谢您的帮助。 http://www.superherodigital.com/locksmithsupplier/

我有这段代码，但它不工作

media="all"
@media (max-width: 460px)
#hide-none {
display: none;
}

Answer 1

你需要有正确的语法和信息。

使用这个，当您在移动设备上查看时，您需要确保您的元标记是正确的。

@media (max-width: 460px){
    #hide-none {
        display: none;
    }
}

您的视口(viewport)对于移动设备很重要。

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