如何使用@media按id隐藏元素？ [关闭]答案

【问题标题】：How to hide element by id using @media? [closed]如何使用@media按id隐藏元素？ [关闭]
【发布时间】：2016-11-10 18:23:04
【问题描述】：

我在 CSS 中使用@media 查询，如何为特定的@media 大小设置 display:none 并覆盖所有引导媒体设置？

我的html：

<div id="top" class="navbar navbar-fixed-top" role="navigation">
        <div class="container"> 
         Menu
        </div>
    </div>

我的 CSS：

@media only screen and (max-width: 768px){
#top{
    dislay:none;
    }
}

我哪里错了？

【问题讨论】：

【解决方案1】：

您的 css 中的拼写错误替换 display:none

@media only screen and (max-width: 768px){
  #top{
    display:none;
  }
}

【讨论】：

【解决方案2】：

你写错了。这是display，而不是dislay。

如果有趣的是保留对象所在的结构但不显示它，请考虑使用visibility:hidden 而不是display:none。

【讨论】：