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

Advertisement

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

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

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

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

参考

About the author

Rriverの竜(りょう)です。「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、東海岸のボストン近郊でウェブ制作を開始。帰国後、東京のウェブ制作会社に勤務。現在は組織のウェブ担当者として日英バイリンガルウェブサイトの運営に携わっています。より詳しくはこちら

記事へのコメントはもちろん、執筆・翻訳、レスポンシブなウェブサイト制作、コラボのご相談などもTwitter @rriver またはFacebook でお気軽にご連絡ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です