CSS: iPhoneを回転させた際に文字サイズが拡大されてしまう場合の対処方法

photo credit: DaveLawler via photopin cc

iPhone向けにHTMLコーディングして、画面を横にすると文字サイズが拡大されることがあります。
できれば縦の時と同じフォントサイズにしておきたいですよね。

下記をCSSに記述することで防ぐことができます!


body {
 -webkit-text-size-adjust: none;
}

スマホ向けサイトを作成する時は、いつも記述するようにしています。

ABOUTこの記事を書いた人

数年前までバンド活動してました。現在はブログを運営して暮らしています。サウンドクリエイター / Webクリエイター。息子は6歳。長野市出身。埼玉県内を転々(東松山→志木→川越)、現在は本庄市に移住して法人化しました。 【興味】ギター/Web/車(GolfR Variant等)/旅/酒 ※自然の音からデスメタルまで聴きますw 【主な運営サイト】 ザ・サイベース おと風景 とみっち@ブログと動画 詳しいプロフィール