-1

ブラウザの高さが 600px 未満の場合は、@media を使用してブラウザの高さを確認しようとしています

新しい最大幅と高さを設定したいのですが、何が間違っていましたか?

または不足している構文?? アドバイスと助けをお願いします , ありがとう!

私は他の @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;*/
}
4

1 に答える 1

1

@media only screen and (min-height: 600px)600 ピクセルを超える画面幅に適用されます。一般的に、あなたが望むmax-*：

@media only screen and (max-height: 600px) {
    …
}
于 2013-09-29T14:24:51.003 に答える