ソフトバンク 923SH での文字サイズ
font-size の文字サイズへの影響の仕方を、実機で試してみた。
923SH (他の機種は知らない) では、文字のサイズが 8 段階ある。
便宜的に、そのサイズを $1 (最小) 〜 $8 (最大) と表記する。
更に、携帯ブラウザ側でも文字サイズの 7 段階の設定ができる。
小さいほうから順に [最小] [小] [やや小] [中](標準) [やや大] [大] [最大] である。
以上を踏まえた上で、 font-size の値と、使われるサイズを表にしてみた。
px 指定
設定 | $1 | $2 | $3 | $4 | $5 | $6 | $7 | $8 |
---|---|---|---|---|---|---|---|---|
最小 | -16 | -21 | -26 | -32 | -43 | -55 | -66 | 67- |
小 | -10 | -13 | -17 | -21 | -28 | -35 | -42 | 43- |
やや小 | -8 | -11 | -14 | -17 | -23 | -29 | -35 | 36- |
中 | -6 | -8 | -10 | -13 | -17 | -22 | -26 | 27- |
やや大 | -5 | -6 | -8 | -10 | -14 | -17 | -21 | 22- |
大 | -4 | -5 | -7 | -8 | -11 | -14 | -17 | 18- |
最大 | -3 | -4 | -5 | -7 | -9 | -11 | -14 | 16- |
ブラウザ相対指定
設定 | $1 | $2 | $3 | $4 | $5 | $6 | $7 | $8 |
---|---|---|---|---|---|---|---|---|
最小 | xx-small - medium | large | x-large | xx-large | - | - | - | - |
小 | xx-small x-small | small | medium | large | x-large | xx-large | - | - |
やや小 | xx-small | x-small | small | medium | large | x-large | xx-large | - |
中 | - | xx-small | x-small | small | medium | large | x-large | xx-large |
やや大 | - | - | xx-small | x-small | small | medium | large | x-large xx-large |
大 | - | - | - | xx-small | x-small | small | medium | large - xx-large |
最大 | - | - | - | - | xx-small | x-small | small | medium - xx-large |
頭痛いわ……。