Twitter bootstrap 媒体查询逻辑运算符和（最大宽度和最大高度）

我在

@媒体上使用垂直导航栏（最小高度：490px）

；如果高度较小，它将变为水平导航栏

只有当

（最大宽度：300px）和（最大高度：490px）

时，它才会折叠。如果

宽度<300px

但

高度>490px

，则不应折叠

我正在使用Bootstrap3.3.5（Sass）

这是一个带有假宽度和假高度的图，只是为了说明问题所在。每次

宽度<300px

，即使

高度>490px

，它也会折叠

---

是否可以仅使用媒体查询来完成我需要的内容？或者我应该开始用JQuery试试吗？

在下面的媒体查询中添加导航的样式。以下是最新的

---

非常感谢。我刚刚还添加了

display:none

到

.navbar-toggle

，效果非常好！

@media (min-height: 490px) {
#side-navbar {
    width: 50px;
    height: 100%;
}
.navbar-collapse.collapse {
   display: block!important;
}
.navbar-toggle {
   display: none !important;
}
}