html - cssのフォントサイズミディアム

Question

font-size ミディアム/スモール/ラージはcssでどのように機能しますか？cssにが付いている場合、他の要素font-size:11pxは何font-size:mediumですか、それはフォントサイズに依存しますか、それともフォントサイズとは無関係ですか？

score 4 · Accepted Answer

仕様から：

<absolute-size>キーワードは、UAによって計算および保持されるフォントサイズのテーブルへのインデックスです。

と

'medium'値は、ユーザーの好みのフォントサイズであり、参照中間値として使用されます。

したがって、本文のフォントサイズには依存しません。

score 1 · Accepted Answer

これは、ブラウザでのユーザーの好みのフォントサイズ（おそらく11または12に設定されている）に基づいていると思います。

score -2 · Accepted Answer

私があなたの質問を正しく理解しているならば、本文のフォントサイズはあなたのサイト全体のフォントサイズです。

他の要素、クラス、またはIDに異なるフォントサイズを簡単に設定できます

p { 
  font-size: medium;
}

h1 {
  font-size: large;
}

#leftBox { 
   font-size: 12px; 
}

静的な値を使用することはありませんが。私は常にpx値を使用します。

score -3 · Accepted Answer

cssでemを使用します。pxを使用して本文のフォントサイズを設定する必要があります。その後、含まれるすべての要素でemを使用してフォントサイズを設定する必要があります。

4 に答える 4