我有一些隐藏和显示我的导航的 CSS 和媒体查询:
所以默认情况下导航是:
nav {
display: inline;
}
然后使用媒体查询我隐藏它:
@media only screen and (min-width: 480px) and (max-width: 767px) {
nav {
display: none;
}
}
一切运行良好,然后我将一些 JavaScript 连接到一个按钮,以便在媒体查询生效时显示和隐藏导航。
但是,当我将浏览器大小调整回全屏时,大于 767 像素的导航不会重新出现。如何让导航显示给桌面用户?