• RSS

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

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

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

-webkit-text-size-adjust を指定しない場合は、端末を横にすると文字が拡大表示されます。
[CSS]スマホサイトで、端末を横にしても文字を拡大させない方法

-webkit-text-size-adjust:100% を指定

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


拡大表示は免れました。
[CSS]スマホサイトで、端末を横にしても文字を拡大させない方法



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください