More than 5 years have passed since last update.

【備忘録】 cssで画面の縦横を判別して切り替える

Posted at 2019-04-25

スマホ用サイトなどで画面の向きに応じてスタイルを切り替えたい場合の記述

css

@media screen and (orientation:landscape) {
  /* 横向き用スタイル */
}

@media screen and (orientation:portrait) {
  /* 縦向き用スタイル */
}