スマートフォンの回転に合わせてスタイルを変える

CSS で以下を記述

@media screen (orientation:portrait) {
      /* 画面が縦のときのスタイル */
}

@media screen (orientation:landscape) {

      /* 画面が縦のときのスタイル */
}

参考

いろいろ備忘録 - 【CSS3】スマホサイト制作 - 縦横表示切替に対応するためのCSS記述方法
http://www.db.gs/article/255889697.html