Css @媒体最小高度不小于'；行不通

我尝试使用@media检查浏览器的高度是否小于600px

我想设置一个新的最大宽度和高度，那么我做错了什么

或任何缺少的语法？？请指教和帮助，谢谢

我还有其他的@媒体是工作的，但不是高度

   @media only screen and (min-height: 600px){
        #book-container{
            max-width: 748px;
            max-height: 469px;
        }
    }

@media only screen and (max-width: 500px){
    #txt-search{
        visibility: hidden;
    }
}

#book-container{
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 80%;
    max-width: 830px;
    max-height: 520px;

    /*max-width: 748px;*/
    /*max-height: 469px;*/
}

---

@仅媒体屏幕和（最小高度：600px）

适用于超过600像素的屏幕宽度。通常，您需要

max-*

：

@media only screen and (max-height: 600px) {
    …
}

@仅媒体屏幕和（max-高度：600px）{
…
}

“一般来说，你想要的是max”-而不是mobile first设计。@Pavlo:一般来说，人们不想要mobile first设计。i、 e.大多数时间是在堆栈溢出上。@minitech这是有争议的。有任何数据可以证明这一点吗？@Pavlo:没有，这没有争议，而且可以肯定的是，与

（max width

）相比，搜索堆栈溢出查找

（min width

）的实例数（max width）（max width是最常见的；关于

（min width

的大多数问题都将其误认为

（max width

。但我们不要详细讨论它，因为它实际上是无关紧要的。@JongzPuangput:你能设置来演示这个问题吗？