フォントサイズは 100% と指定する | まくまくHTML/CSSノート

このような具体的な値でフォントサイズを指定してしまうと、ウェブブラウザの設定でユーザが指定したフォントサイズを無視したサイズで描画されてしまうことになります。 表示デモ１（よくない例） デモページ１を開く 例えば、Chrome の設定画面では、下記のようなフォントサイズ設定がありますが、上記のようなフォントサイズ指定を行ってしまうと、ここでユーザが設定した値が無視されてしまいます。 これは、ユーザビリティを考慮したデザインとは言えません。 フォントサイズを 100% で指定する方法 次に、望ましいフォントサイズの設定方法です。 このように、パーセンテージ指定でフォントサイズを指定しておくと、ブラウザのデフォルトのフォントサイズ（通常は 16px = 12pt）や、ユーザが設定したフォントサイズが正しく反映されて描画されるようになります。 表示デモ２（よい例） デモページ２を開く ブラウザの