html - メディアクエリ: min-height と min-width を確認しますか?

Question

ブラウザーの min-height と min-width に基づいてページの CSS を変更しようとしているので、これを使用しています。

@media (min-height: 500px), (min-width: 580px) {
   /* CSS stuff */
}

しかし、何らかの理由で、これは機能しません。min-height と max-width (またはその逆)、または max-height と max-width を同時にチェックできますが、両方の最小値をチェックしてもうまくいかないようです。

これをもっと指定する必要があります。min-heightまたはmin-width が true になった場合にブラウザが動作するようにします。and 演算子の使用は、両方の基準が真の場合にのみ機能します。

私は何か間違ったことをしていますか？

score 10 · Accepted Answer

メディアクエリを別の内部で使用する:

@media  screen and  (min-height: 40px)  {
   @media  screen and  (min-width: 50px)  {
    /*enter css here to apply for both condition*/
   }
}

html - メディア クエリ: min-height と min-width を確認しますか?