问当浏览器宽度小于或等于600px时，在css中显示元素
EN

Stack Overflow用户

提问于 2018-06-04 06:34:02

回答 1查看 195关注 0票数 0

我想在屏幕尺寸小于600px时显示我的菜单。当最大宽度小于600px时，我添加了一个条形图标。我使用了下面的CSS代码。但它并没有像预期的那样工作。

.side-nav{
    display: none;
}
@media screen and (max-width: 600px){
    .side-nav{
         display:all;
    }
}

发布于 2018-06-04 06:36:26

没有display: all。应该是这样的：

.side-nav{
   display: none;
}
@media screen and (max-width: 600px){
   .side-nav{
       display:block;
   }
}

或其中一个these值。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50671583

复制

相似问题

问当浏览器宽度小于或等于600px时，在css中显示元素EN