css メディアクエリのサンプル

Posted 2021-05-13

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}

/*480px以下*/
@media all and (max-width: 480px) {

}

/*480px以上*/
@media all and (min-width: 480px) {

}

@media all and (orientation: portrait) and (min-width: 481px) {

}

■参考
https://qiita.com/r_abe01/items/a3a2e94b5162d949037b