css - @media 最小高度不起作用

Question

我尝试使用@media 来检查浏览器的高度，如果它小于 600px

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

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

我也有其他@media 可以工作，但不是为了身高。

   @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;*/
}

Answer 1

@media only screen and (min-height: 600px)适用于超过600 像素的屏幕宽度。一般来说，你想要max-*：

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