溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何理解CSS中的幾種長度

發(fā)布時間:2021-09-30 11:46:57 來源:億速云 閱讀:94 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“如何理解CSS中的幾種長度”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“如何理解CSS中的幾種長度”吧!

說說css的幾種距離吧,大致有px、em、pt、pc、in、mm、cm、ex八種,其中最常見到的是px,我還見到過的有ex和mm、cm,當然后兩個在當年見的更多。

其實px,我們最熟悉,而在電腦上也應用最多,因為顯示器的分辨率就是...px*....px,我們知道分辨率的話是不是對于瀏覽器最大時對界面的實際更方便簡潔,應該有這么個原因吧。

而em則是相對長度單位,是相對于系統(tǒng)的默認字體尺寸來的;

至于我們最常見的mm和cm就是我們純正意義上的cm和mm了,他們都是絕對長度單位,帶了“絕對”也就知道了吧。

而剩下的四個,我見得比較少,不過這里 也還是把它的一些問題簡單記錄下吧:

ex同樣是相對長度,而它的參照則不是系統(tǒng)默認的字體尺寸了,而是相對于字符"x"的高度;

in、pc、pt則都是絕對長度,他們之間的換算關系為:1in=2.54cm=25.4mm=72pt=6pc;

當然相對長度也有其相應的換算關系,那就是:16px=1em=100%=12pt;

需注意,px尚存在弊端:在ie6下,無法實現(xiàn)字體縮放的功能。

感謝各位的閱讀,以上就是“如何理解CSS中的幾種長度”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對如何理解CSS中的幾種長度這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

css
AI