iPhoneを縦から横にしたときにフォントサイズが大きくなってしまう件

最近iPhoneでモバイル対応のサイトを作っていて気づいたんですが、iPhoneを縦（Portrait）から横（Landscape）表示に変更した際、フォントサイズが大きくなってしまうんですね。。。

「これは困った」と、思って調べてみたら、簡単な解決策がありました。

iPhoneの横表示の時のみに指定されるように、Media Queriesを使って以下のように記述すれば良いはずです。

@media screen and (min-width: 360px) {
  * { -webkit-text-size-adjust: none; }
}

参考

Preserve HTML font-size when iPhone orientation changes from portrait to landscape – Stack Overflow

2011/08/24 22:29 by @Rriver | RSS | Fb

関連する投稿

関連するカテゴリ・タグ

カテゴリ： レスポンシブWebデザイン
タグ： 、、

Ads by Google