詳解CSS中的幾種長度px、em、pt


說說css的幾種距離吧,大致有px、em、pt、pc、in、mm、cm、ex八種,其中最常見到的是px,我還見到過的有ex和mm、cm,當然后兩個在當年見的更多。
其實px,我們最熟悉,而在電腦上也應用最多,因為顯示器的分辨率就是...px*....px,我們知道分辨率的話是不是對於瀏覽器最大時對界面的實際更方便簡潔,應該有這么個原因吧。
而em則是相對長度單位,是相對於系統的默認字體尺寸來的;
至於我們最常見的mm和cm就是我們純正意義上的cm和mm了,他們都是絕對長度單位,帶了“絕對”也就知道了吧。
而剩下的四個,我見得比較少,不過這里 也還是把它的一些問題簡單記錄下吧:
ex同樣是相對長度,而它的參照則不是系統默認的字體尺寸了,而是相對於字符"x"的高度;
in、pc、pt則都是絕對長度,他們之間的換算關系為:1in=2.54cm=25.4mm=72pt=6pc;
當然相對長度也有其相應的換算關系,那就是:16px=1em=100%=12pt;
需注意,px尚存在弊端:在ie6下,無法實現字體縮放的功能。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM