モバイル向けのページでの文字の大きさは16CSSピクセル(px)が基本サイズとされています。(Googleより)
16pxより小さいサイズを採用している場合、ウェブマスターツールで「ユーザビリティに準拠するように!」と“教育的指導”が出ちゃうんですねぇ。
▼当サイトは、スマホで見ると16px相当を基準に表示してます。
- 18pxの文字
- 16pxの文字
- 14pxの文字
- 12pxの文字
<ul> <li style="font-size:18px;">18pxの文字</li> <li style="font-size:16px;">16pxの文字</li> <li style="font-size:14px;">14pxの文字</li> <li style="font-size:12px;">12pxの文字</li> </ul>
フォント指定(font-family)されていると微妙に大きさも変化します。
またフォント指定に関しては永らく議論が尽きず、曖昧な部分でもあります。
当社もフォント指定しない方針でしたが、ここ2年ほどはあえて指定するケースが増えてきました。。。余談です。ww