em px的關係_經驗交流

情況是這樣的，css裡常用的兩種定義字型大小的單位：em, px。

em是一個相對數，比如1.1em就表示1.1個字元寬度，而這個字元寬度是根據font-size來初始化大小的。同時em還有繼承父物件的特性，所以在不同位置的1.2em並不一定相等，不過這篇文章和這個沒關係就不細說了。
px是對於當前顯示裝置的解析度而言，雖然對於不同裝置仍然會有大小差別，但是相對來說更加適合用在定義字型上。
　　而這個模版我沒有特別定義搜尋部分的字型大小，於是它就使用了父物件的font-size參數12px。而萬惡的IE對字型的大小定義竟然和FF/Opera是不同的，預設情況下1em在IE下看起來要比其他瀏覽器大，所以需要在body部分加入以下定義：
複製代碼 代碼如下:
font-size:62.5%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;

關鍵是第一句，它使得IE下的字型大小看起來是：1em=10px，這樣就和FF/Opera差不多了。

