1

私はこのCSSを持っています:

@media only screen and (max-height: 500px) {
    body{
        display: none;
    }
}

これにより、500px になるとページが非表示になり (テストのため)、Windows PC のブラウザーで正常に動作します。Safari で MacBook Pro を試してみると、ページが検出されないようです。どうすればこれを機能させることができますか?ちゃんと？私はグーグルでそれについて多くを見つけることができません

4

2 に答える 2

1

それはサファリで動作します。確認するためにテストしました。

あなたの質問に欠けている唯一のものは、変更したいプロパティ/クラスに関するそのクエリの位置です。

つまり、最後に配置すると機能します。

例: これは、ブラウザーの高さが 500px より小さい場合に本文を非表示にするようにブラウザーに指示します。

body {
    display: block; 
}
@media only screen and (max-height: 500px) {
    body{
        display: none;
    }
}

最後の定義を逆にbodyすると、メディアクエリが役に立たなくなります。

@media only screen and (max-height: 500px) {
    body{
        display: none;
    }
}
body {
    display: block; 
}
于 2013-04-25T13:37:08.990 に答える