webkitブラウザでは端末を横向きにすると自動的に文字サイズが大きくなる。
それを回避するにはbody要素に以下のCSSプロパティを記述する。
body { -webkit-text-size-adjust: none; }
モバイルサイトの文字サイズ指定の際に気をつけるプロパティ
あと、メディアクエリで端末の向きにあわせてCSSを変えれる。
@media all and (orientation:portrait) { ... } @media all and (orientation:landscape) { ... }
portraitは縦、landscapeは横向き。
これはけっこう使えるかも!
orientation