網(wǎng)頁字體使用什么單位比較好,具體差異是什么?
時間:2024-02-13 22:15:01 | 來源:網(wǎng)站運營
時間:2024-02-13 22:15:01 來源:網(wǎng)站運營
網(wǎng)頁字體使用什么單位比較好,具體差異是什么?:網(wǎng)頁里指定字體大小,我一般只用 px 和 em。
像素級的網(wǎng)頁設(shè)計中,用 px 來制定字體大小是理所當(dāng)然的,因為網(wǎng)頁是顯示在(液晶)屏幕上的。Px 和液晶屏幕上的物理像素是一一對應(yīng)的(前提是系統(tǒng)的分辨率設(shè)定正確),只有這樣才能在最大程度上控制文字的顯示效果;網(wǎng)頁中的其他元素,如圖片、div 等的尺寸,也都是以像素為單位的,字體大小單位也理應(yīng)與之統(tǒng)一。
絕對單位為什么不推薦用呢?因為 1 in 等于多少 px,取決于你系統(tǒng)的 DPI (可能有的人習(xí)慣叫 PPI,我按照 Windows 系統(tǒng)用 DPI,請不要和屏幕本身的 PPI 混淆)設(shè)定,Windows 默認(rèn)是 96 DPI,OS X 默認(rèn)是 72 DPI,所以你無法保證同樣的一個絕對長度,在所有屏幕上顯示為相同的 px 數(shù)(最終還是要靠 px 來看效果不是嗎)。Px 的問題在于在老版本的 IE 瀏覽器下不能縮放。
然后說相對單位。我認(rèn)為其中 em 最常用,最主流,也最直觀;而其他單位,都是可以相互換算的。Em 的大小與 CSS 的繼承有關(guān),它的大小取決于父級元素的 font-size 值。ex 的值等于當(dāng)前父級元素的 font-size 對應(yīng)的 x-height,一般不常用。
參考:
http://www.sitepoint.com/css-font-sizing-tutorial/http://www.alistapart.com/articles/howtosizetextincss/