em px的關(guān)系
更新時(shí)間：2007年01月17日 00:00:00 作者：
情況是這樣的，css里常用的兩種定義字體大小的單位：em, px。
em是一個(gè)相對(duì)數(shù)，比如1.1em就表示1.1個(gè)字符寬度，而這個(gè)字符寬度是根據(jù)font-size來初始化大小的。同時(shí)em還有繼承父對(duì)象的特性，所以在不同位置的1.2em并不一定相等，不過這篇文章和這個(gè)沒關(guān)系就不細(xì)說了。
px是對(duì)于當(dāng)前顯示設(shè)備的解析度而言，雖然對(duì)于不同設(shè)備仍然會(huì)有大小差別，但是相對(duì)來說更加適合用在定義字體上。
而這個(gè)模版我沒有特別定義搜索部分的字體大小，于是它就使用了父對(duì)象的font-size參數(shù)12px。而萬惡的IE對(duì)字體的大小定義竟然和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是一個(gè)相對(duì)數(shù)，比如1.1em就表示1.1個(gè)字符寬度，而這個(gè)字符寬度是根據(jù)font-size來初始化大小的。同時(shí)em還有繼承父對(duì)象的特性，所以在不同位置的1.2em并不一定相等，不過這篇文章和這個(gè)沒關(guān)系就不細(xì)說了。
px是對(duì)于當(dāng)前顯示設(shè)備的解析度而言，雖然對(duì)于不同設(shè)備仍然會(huì)有大小差別，但是相對(duì)來說更加適合用在定義字體上。
而這個(gè)模版我沒有特別定義搜索部分的字體大小，于是它就使用了父對(duì)象的font-size參數(shù)12px。而萬惡的IE對(duì)字體的大小定義竟然和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控制圖片自動(dòng)縮放效果代碼[兼容 IE,Firefox]](http://img.jbzj.com/images/xgimg/bcimg0.png)
CSS expression控制圖片自動(dòng)縮放效果代碼[兼容 IE,Firefox]
一直以來有個(gè)很頭疼的問題困擾著我，那就是圖片縮放的問題，寫到 JS 里面吧，不太容易修改。寫到 CSS 里面吧，IE 6 又不支持 max-width2008-09-09
推薦個(gè)不錯(cuò)的表單Input的高級(jí)用法11例
推薦個(gè)不錯(cuò)的表單Input的高級(jí)用法11例...2007-11-11
關(guān)于超鏈接的下劃線 使用說明...2007-08-08
使用XHTML1.0 Strict中需要特別注意的地方...2006-12-12![頁面布局黃金比例[圖片]](http://img.jbzj.com/images/xgimg/bcimg4.png)
2007-12-12
Meta標(biāo)簽詳解...2007-02-02
web標(biāo)準(zhǔn)常見問題集合3...2006-11-11
推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)
推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)...2007-04-04
有時(shí)候我們需要首字母大寫，不必每次都編輯文章了，用css實(shí)現(xiàn)更方便2008-06-06![css圖片切換效果代碼[不用js]](http://img.jbzj.com/images/xgimg/bcimg9.png)
非常不錯(cuò)的圖片切換效果代碼，不用css，代碼比較精簡(jiǎn)，推薦使用，注意一下多瀏覽器的兼容性2008-09-09