スマホサイト1行に入る最適な文字数について
スマートフォンサイトの1行に入る文字数について。
スマートフォンは、画面解像度がまちまちであることと、
縦向きで見るポートレートモードと横向きランドスケープモードとがあり、
表示され方がUAにより可変であることもありますが、
自動改行として最適な1行に入る目安の文字数を考慮します。
Androidでの表示の場合
13px | 14px | 15px | 16px | 17px | 18px | 19px | 20px | 21px | 22px | 23px | 24px | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
ポートレートモード | 29 | 28 | 28 | 24 | 22 | 20 | 20 | 18 | 16 | 16 | 15 | 14 |
ランドスケープモード | 48 | 43 | 40 | 36 | 34 | 32 | 30 | 28 | 26 | 25 | 24 | 22 |
iPhoneの表示の場合
13px | 14px | 15px | 16px | 17px | 18px | 19px | 20px | 21px | 22px | 23px | 24px | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
ポートレートモード | 29 | 28 | 28 | 24 | 22 | 20 | 20 | 18 | 16 | 16 | 15 | 14 |
ランドスケープモード | 43 | 40 | 40 | 36 | 34 | 30 | 30 | 28 | 25 | 24 | 22 | 21 |
※上記はパディングなどで余白を設けず、CSSリセットをして全角表示の場合。
Androidは機種や末尾の文字によっても多少の誤差があります。