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實(shí)現(xiàn)基本條狀圖表效果...2007-11-11
IE6，IE7和firefox對(duì)DIV的支持區(qū)別
IE6，IE7和firefox對(duì)DIV的支持區(qū)別...2007-09-09
不錯(cuò)，可以方便提示用戶等信息2008-08-08
在CSS網(wǎng)頁布局開發(fā)中，會(huì)有很多小技巧，新手朋友往往對(duì)此很不熟悉。在某一兩個(gè)小問題上，或許糾纏很長時(shí)間才能搞明白，2008-08-08![css圖片切換效果代碼[不用js]](http://img.jbzj.com/images/xgimg/bcimg4.png)
非常不錯(cuò)的圖片切換效果代碼，不用css，代碼比較精簡(jiǎn)，推薦使用，注意一下多瀏覽器的兼容性2008-09-09
教你如何用CSS來控制網(wǎng)頁字體的顯示樣式...2007-02-02
css 跨瀏覽器實(shí)現(xiàn)float:center
我們都知道float:left和float:right，但是否想過float:center呢？居中浮動(dòng)。。。2008-08-08
以前寫柱形圖時(shí),用的是寬1px的圖片底,給width賦一個(gè)百分比出可以實(shí)現(xiàn).昨天晚上寫一個(gè)小統(tǒng)計(jì)時(shí)想用CSS寫一個(gè)漸變的!2008-11-11
《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（二)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（二,需要的朋友可以參考下2016-05-05
解決列高度自適應(yīng)(相同)的五種方法...2007-02-02