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 expression控制圖片自動縮放效果代碼[兼容 IE,Firefox]
一直以來有個很頭疼的問題困擾著我,那就是圖片縮放的問題,寫到 JS 里面吧,不太容易修改。寫到 CSS 里面吧,IE 6 又不支持 max-width2008-09-09
推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項
推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項...2007-04-04

