试图在屏幕大小上隐藏div类

Question

我试图让一个元素隐藏在460px及以下。 我试图隐藏电话号码＆amp;在标题的最顶部发送电子邮件。 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;
    }
}

您的查看端口对于移动设备非常重要。

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

Answer 2

@media 

查询您的错误。正确的语法是

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

使用大括号进行媒体查询，并为查询中的选择器分隔大括号。请参阅Cayce K获取视口注释，这非常重要。