web-dev-qa-db-ja.com

メディアクエリ：画面> 1024

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

これは私がしました

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

}

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

cssmedia-queries
9
m4g4bu

これを試して：

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


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

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

@media screen and (min-width: 1024px) {
    /* Styles go here */
    #layout {
        width: 90%;
    }
}
6
Stieffers
@media all and (min-width: 1024px) {
  #css {
    foo : bar;
  }
}
2
Ties
@media (min-width: 1024px) and (max-width: 1920px) {

html {背景：赤; }}

0
user3690329