CSSについての質問？

私のサイトの余白の値をすべてピクセルの代わりにemに変換しようとしていますが、実際に何が正しいか把握するのに苦労しています。私はそれがユーザーのブラウザ設定（デフォルトのフォントサイズ）に基づいて設定された距離だと思っていましたが、たとえばh1またはulに適用すると標準の1emが異なります。どんな助け？それは要素に適用されるどのようなフォントサイズに基づいて、相対的な測定であるのでCSSについての質問？

出典

2011-03-28 Jake

マージンと幅のパーセンテージを使用することもできます – m4tt1mus

emは、フォントサイズ（資本Mの幅高さ）に基づいています。

this markup on jsfiddleの結果を見る

<div style="font-size:2em">2em<div style="font-size:2em">2em</div></div> 
<div style="font-size:14px">2em<div style="font-size:2em">2em</div></div>

出典

2011-03-28 20:46:12 bdukes

どのようにしてh1マージンとpマージンを同じように（emを使用して）作ることができますか？ありがとう – Jake

要素内の 'M' *の幅に相対的ですか？要素の 'font-size'は、幅/高さを増加させますか？ – Blender

@jakeの場合、h1とpがまったく同じfont-family、font-size、font-weightでない限り（あなたがそれらを近似することができたとしても、ユーザの設定はあなたの推奨するCSSと異なる場合があります）見出しや段落の大文字の "m"は1emです。正確な測定をしたいのであれば、ピクセルを使用してください。 – clairesuzy

「1EMは、現在のフォントサイズに等しい2EMは、現在のフォントの2倍の大きさを意味し、例えば素子12のフォントで表示されている場合。 PT、その後、「2EMは」24 ptのである。「日」をされたCSSに非常に有用ユニット、それは読者が

http://www.w3schools.com/css/css_units.asp

出典

2011-03-28 20:46:55

http：///w3fools.com/（w3schoolを参照しないようにしましょう）。 http://reference.sitepoint.com/css/lengthunitsはどうですか？ – bdukes

StackOverflowの関連EPICは、彼女の答え「を使用したフォントに自動的に適応することができますので、 E： Is sizing fonts using "em" still relevant?

em対策の種類は状況に依存（要素の親要素のタイプ/要素のCSSプロパティ）、ここでは、この上の完全かつ包括的な説明を読みます：

http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

出典

2011-03-28 20:48:59 amosrivera

答えて

関連する問題