iPhoneで画面を回転させたときに文字サイズが変わる

| コメント(0)
iPhoneで画面を横に回転させると、文字サイズが拡大されてしまう場合があります。
これを無効にするには<body>タグに以下のように記述します。

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

これだけで自動拡大を防ぐことができます。

ただ横向きにした場合は相対的に文字サイズが小さくなり、
バランスが悪くなってしまいがちなのも確かですので、
レイアウトが崩れてしまうような部分だけに指定する、というのもアリかもしれません。

コメントする

このブログ記事について

このページは、gravity-worksが2016年8月31日 10:33に書いたブログ記事です。

ひとつ前のブログ記事は「計算式を使った幅指定」です。

次のブログ記事は「縦中央に揃える最新のCSS」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。