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

photo credit: DaveLawler via photopin cc

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

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


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

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

ABOUTこの記事を書いた人

とみっち

5年ほど前までバンド活動してました。現在はブログを運営して暮らしています。サウンドクリエイター、webクリエイター。息子は4歳になりました。長野市出身。埼玉県本庄市在住。 【興味】音/Web/車(GolfV GTI等)/田舎/旅/酒 ※自然の音からデスメタルまで聴きます。 @tomicci 詳しいプロフィール 【主な運営サイト】 ザ・サイベース おと風景