css - メディア クエリ: 画面 > 1024

Question

サイトでメディア クエリを適用しようとしていますが、このトピックについては詳しくないので、基本的には、検出された画面が 1024*768 より大きい場合に特定のスタイルをタグに適用したいと考えています。

これは私がしました

@media screen and ( device-width: 1024px ) {

}

しかし、解像度が 1024 より大きい場合を特定する必要があります

Answer 1

これを試して：

@media only screen and (min-width : 1025px) {
    .classname {
        /* styles here */
    }
}


@media only screen and (max-width : 1024px) {
    .classname {
        /* other styles here */
    }
}

Answer 2

標準のメディア スクリーン クエリを使用します。幅が 1024px 以上になると、クエリはスタイルの変更をトリガーします。

@media screen and (min-width: 1024px) {
    /* Styles go here */
    #layout {
        width: 90%;
    }
}

Answer 3

@media all and (min-width: 1024px) {
  #css {
    foo : bar;
  }
}