最近iPhoneでモバイル対応のサイトを作っていて気づいたんですが、iPhoneを縦(Portrait)から横(Landscape)表示に変更した際、フォントサイズが大きくなってしまうんですね。。。
「これは困った」と、思って調べてみたら、簡単な解決策がありました。
iPhoneの横表示の時のみに指定されるように、Media Queriesを使って以下のように記述すれば良いはずです。
@media screen and (min-width: 360px) {
* { -webkit-text-size-adjust: none; }
}
参考
2011年8月24日に公開され、2017年11月23日に更新された記事です。
About the author
「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら。
ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net 、Twitter @rriver 、またはFacebook までご連絡ください。