はてなブックマーク

スマートフォンやタブレットなど、あらゆる媒体でも問題なくWEBサイトを表示出来る様にするのは、今や必須項目です。 しかし、スマートフォンでサイトを見た際に、設定していた値よりも文字サイズが大きくなるっている事ってありませんか？ iPhoneやAndroidでは、WEBサイトのテキストを読みやすい様に自動で大きさを調整する機能が入っています。 この機能単体なら便利なのですが、WEBサイトでは「font-size:○○px;」のCSSで文字サイズを指定しているため、 文字が勝手に拡大されてしまうとサイト全体のバランスに影響が出てしまいます。 この現象を回避するには、CSSの「-webkit-text-size-adjust」プロパティを設定する必要があります。 「-webkit-text-size-adjust」とは、文字サイズの制御に関するプロパティで、デフォルトの値は「auto（自動調整を