天天看點

css中字型機關px與em

px是固定大小機關稱為像素,em是非固定大小機關稱為相對機關字。在ie中px機關的文本的字号不随浏覽器字号設定的改變而改變。浏覽器字号的設定将改變預設em的大小。

例如:當ie文字大小為中時預設的1em相當于16px,當文字大小為較小時預設的1em相當于12px。

當em機關處于具有固定字号的對象中時,em将以此對象中的文字大小為基準機關

<div style="font-size:12px;">

12px字型<br /> <span style="font-size:1em; color:blue">12px字内的1em字</span><br /><span style="font-size:2em;color:red">12px字内的2em字</span><br /> </div>

<div style="font-size:13px;">13px字型</div>

<div style="font-size:14px;">14px字型</div>

<div style="font-size:16px;">16px字型</div>

<div style="font-size:1em">1em字型</div>

<div style="font-size:0.85em">0.85em字型<br />

<span style="font-size:1em; color:blue">0.85em字内的1em字</span><br />

<span style="font-size:2em; color:red">0.85em字内的2em字</span><br /> </div>

<div style="font-size:0.75em">0.75em字型<br />

<span style="font-size:14px; color:blue">0.75em字内的14px字</span><br /> <span style="font-size:12px;color:red">0.75em字内的12px字</span><br />

</div>

<div style="font-size:0.5em">0.5em字型</div>