em px 関係_経験交換

状況は次のようなものです。CSS でフォ​​ント サイズを定義するときによく使用される単位は em と px の 2 つです。

em は相対数です。たとえば、1.1em は 1.1 文字幅を意味し、この文字幅は font-size に基づいて初期化されます。同時に、em は親オブジェクトの特性も継承するため、異なる位置にある 1.2em が必ずしも等しいとは限りませんが、この記事ではこれとは関係がないため、詳細は説明しません。
px は現在の表示デバイスの解像度を表しますが、デバイスによってサイズの違いはありますが、フォントの定義には比較的適しています。
このテンプレートでは検索部分のフォント サイズを特に定義しなかったので、親オブジェクトのフォント サイズ パラメーター 12px を使用しました。 IE のフォント サイズの定義は実際には FF/Opera とは異なります。デフォルトでは、IE では 1em が他のブラウザよりも大きく見えるため、本文部分に次の定義を追加する必要があります:

コードをコピーします コードは次のとおりです:

font-size:62.5%;
font-family:'Lucida Grande', Verdana、Arial、Sans-Serif;

重要なのは最初の文で、IE でのフォント サイズは 1em=10px のようになり、FF/Opera とほぼ同じになります。