ブラウザによりフォントサイズが異なってしまう問題をCSSで解決する原理

質問

ブラウザによりフォントサイズが異なってしまう問題をCSSで解決する原理と方法は？

例えばIEではちょうどよいサイズ（作成者が10ptを指定してその通りのサイズ）で表示されているのが、FireFoxでは小さく表示されてしまうという問題は、CSSを使えば解決できるそうですが、それはどのような原理で解決できるのでしょうか。また、どのような設定をすればよいのでしょうか。
私はCSSファイルの役目は指定箇所（クラス）を指定フォント/サイズで表示するよう指示するもの、という程度のことは分かっていますが、HTMLファイル上で直接10ptと指定するのと、CSSで10ptと指定するのではどう違うのか。または、数値ではなくて相対的なサイズを指定する必要があるのでしょうか？
その辺の原理が分かっていませんので、ごく簡潔に教えていただけるとありがたいです。
また、分かりやすいサイトも教えていただければありがたいです。

回答No.1

noname#122379 · ベストアンサー

なぜサイズが違ってしまうかはわかりませんが、一般的に単位はptではなく、%で指定するのが良いとされています。