|
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差不多了。
HTML/CSS技術:em px的關系,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。