在 CSS 中，当浏览器的宽度为 600 像素或更小时显示元素

Question

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

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

Answer 1

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

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

或这些值之一。