em px的關(guān)系
更新時間:2007年01月17日 00:00:00 作者:
情況是這樣的,css里常用的兩種定義字體大小的單位:em, px。
em是一個相對數(shù),比如1.1em就表示1.1個字符寬度,而這個字符寬度是根據(jù)font-size來初始化大小的。同時em還有繼承父對象的特性,所以在不同位置的1.2em并不一定相等,不過這篇文章和這個沒關(guān)系就不細(xì)說了。
px是對于當(dāng)前顯示設(shè)備的解析度而言,雖然對于不同設(shè)備仍然會有大小差別,但是相對來說更加適合用在定義字體上。
而這個模版我沒有特別定義搜索部分的字體大小,于是它就使用了父對象的font-size參數(shù)12px。而萬惡的IE對字體的大小定義竟然和FF/Opera是不同的,默認(rèn)情況下1em在IE下看起來要比其他瀏覽器大,所以需要在body部分加入以下定義:
font-size:62.5%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
關(guān)鍵是第一句,它使得IE下的字體大小看起來是:1em=10px,這樣就和FF/Opera差不多了。
em是一個相對數(shù),比如1.1em就表示1.1個字符寬度,而這個字符寬度是根據(jù)font-size來初始化大小的。同時em還有繼承父對象的特性,所以在不同位置的1.2em并不一定相等,不過這篇文章和這個沒關(guān)系就不細(xì)說了。
px是對于當(dāng)前顯示設(shè)備的解析度而言,雖然對于不同設(shè)備仍然會有大小差別,但是相對來說更加適合用在定義字體上。
而這個模版我沒有特別定義搜索部分的字體大小,于是它就使用了父對象的font-size參數(shù)12px。而萬惡的IE對字體的大小定義竟然和FF/Opera是不同的,默認(rèn)情況下1em在IE下看起來要比其他瀏覽器大,所以需要在body部分加入以下定義:
復(fù)制代碼 代碼如下:
font-size:62.5%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
關(guān)鍵是第一句,它使得IE下的字體大小看起來是:1em=10px,這樣就和FF/Opera差不多了。
相關(guān)文章
css 跨瀏覽器實(shí)現(xiàn)float:center
我們都知道float:left和float:right,但是否想過float:center呢?居中浮動。。。2008-08-08《CSS3實(shí)戰(zhàn)》筆記--漸變設(shè)計(二)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變設(shè)計(二,需要的朋友可以參考下2016-05-05