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

photo credit: DaveLawler via photopin cc

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

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


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

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

ABOUTこの記事を書いた人

とみっち

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