CSSでレスポンシブ対応のためメディアクエリの書き方 - shumigramming-dict

CSSでレスポンシブ対応のためメディアクエリの書き方

code:css

@media (min-width: 800px){

body {

background: #000000;

}

}

とか書く

CSSは並び順で優先されるので、min-widthを使うときは

code: css

body {backgroung: #aaaaaaa;}

@media (min-width: 800px){

body{background: #000000+}

}

とかすると、いい感じになる

min-widthの反対でmax-widthもある

並び順はつまり反対にすれば、いい感じになる

確かにCSSに誤字なく記述したのに想定通りに動かない→CSSのメディアクエリの挙動がおかしいをチェックだ