[CSS]スマホサイトで端末を横にしても文字サイズを拡大させない方法

CSSプロパティ

2012.12.16

iPhoneなど向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、

CSSの-webkit-text-size-adjust:100%<を使って端末横回転時の文字拡大表示を防ぎます。

-webkit-text-size-adjust を指定しない場合

-webkit-text-size-adjustを指定しない場合は、端末を横にすると文字が拡大表示されます。

CSSファイルで以下のように-webkit-text-size-adjust:100%を記述します。

body	{
	-webkit-text-size-adjust: 100%;
}

body {

-webkit-text-size-adjust: 100%;

}

拡大表示は免れました。