0

この質問では:なぜ px ではなく em なのですか? 最高の投票の答えで、emは次のように定義されます。

em は絶対単位ではありません。現在選択されているフォント サイズに相対的な単位です。フォント サイズを絶対単位 (px や pt など) で設定してフォント スタイルをオーバーライドしていない限り、これはユーザーのブラウザーまたは OS でフォ​​ントを選択した場合に影響を受けるため、意味がありません。フォントサイズの拡大縮小に合わせて拡大縮小する必要がある場合を除き、em を長さの一般的な単位として使用します。

何かのサイズを現在のフォント サイズに依存させたい場合は、em を使用します。

私の Web サイトのホームページでは、ページのヘッダー (Web サイト名) に font-size が 2.1 emのh1タグがあり、font-size が 1.9 em のh2タグよりも小さいようです。次のスクリーンショットは、Google Chrome ブラウザーを使用した状況を示しています。

ここに画像の説明を入力

私の質問は: em定義で考慮される現在のフォントサイズはどういう意味ですか? 言い換えれば、現在のフォントサイズをどのように知ることができますか?

4

2 に答える 2

4

これは、emfont sizeが最も近い相対的な親の に基づいていることを意味します。したがって、 の親によって設定されるフォント サイズは、<h2>の親のフォント サイズより大きくなければなりません<h1>。

たとえば、 の親の font-size が 40px で、 の親のfont <h2>- size<h1>が の20px場合、1.9emの は のよりも大きくなり40pxます。 2.1em20px

フォントサイズ変更の仕組みについて詳しくは、こちらをお読みください

更新/考慮事項

ページ全体でフォントのサイズを保証したい場合は、プロパティpxを設定するために使用することを検討する必要がありfont-sizeます。pxを使用すると、 emを使用すると得られる相対サイズではなく、フォントサイズが絶対サイズになることが保証されます。

于 2013-04-24T14:05:25.150 に答える