スマートフォンサイトの作り方(4/8) - フォントサイズの最適化 - シンプルな暮らし。 - 家族とWEBマーケティングな日々スマートフォンでの文字サイズ スマートフォンの場合、PCのブラウザよりも画面が小さいわけですからそれなりに文字サイズも大きくする必要があります。 スマートフォンの画面解像度はPCよりも高いので、小さな文字もくっきりと移りますが、人間の視力でどの程度の大きさであれば可視性を保てるのか？というのが最終的には問題になります。大方の場合はPC版で12px程度が主流だと思っているのですが、スマートフォンの場合では最低12px程度としておいた方が良さそうでした。 今回の構築サイトでは、PC版は基本12pxですが、スマートフォンは12pxの120%としています。 注意点 注意しなければいけないのが、WebKitの仕様。WebKitでは、コンテナタグの横幅を判断して文字サイズを自動制御する仕組みがあるようです。重要そうな情報であれば文字を大きくして、重要そうでなければ小さくなるようにしているんでしょうね。
Html5 Css3 is under construction
