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

2022-09-25 11:45:10 字數 772 閱讀 5595

今天沒有繼續昨天的問題,因為今天沒時間,從來就感覺自己在忙,不過可喜的是,以前我在忙著迷茫,現在我在忙著勵志...記得有句話說的特別好「那些想明白了就可以不做的事情,往往不做就想不明白」,這句話讓我佩服很久,那mrwdajvau些曾經的日子總在提醒我要珍惜現在。

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

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

而em則是相對長度單位,是相對於系統的預設字型尺寸來的;

至於我們最常見的mm和cm就是我們純正意義上的cm和mm了,他們都是絕對長度單位,帶了「絕www.cppcns.com對&rdquomrwdajvau;也就知道了吧。

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

ex同樣是相對長度,而它的參照則不是系統預設的字型尺寸了,而是相對於字元"x"的高度;

in、pc、pt則都是絕對長度,他們之間的換算關係為:1in程式設計客棧=2.54cm=25.4mm=72pt=6pc;

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

需注意,px尚存在弊端:在ie6下,無法實現字型縮放的功能。

本文標題: 詳解css中的幾種長度px、em、pt

本文位址: /web/css/82616.html

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

說說css的幾種距離吧,大致有px em pt pc in mm cm ex八種,其中最常見到的是px,我還見到過的有ex和mm cm,當然後兩個在當年見的更多。其實px,我們最熟悉,而在電腦上也應用最多,因為顯示器的解析度就是.px px,我們知道解析度的話是不是對於瀏覽器最大時對介面的實際更方便...

css中單位px em以及rem的區別

px特點 1.ie無法調整那些使用px作為單位的字型大小 2.國外的大部分 能夠調整的原因在於其使用了em或rem作為字型單位 3.firefox能夠調整px和em,rem,但是96 以上的中國網民使用ie瀏覽器 或核心 px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。引...

CSS長度單位詳解

長度單位可以總體的分為絕對長度單位和相對長度單位。css中最為大家熟知的無疑是px和em,但與此同時還存在pt,rem,vw,vh等其他計量單位,使用好它們可以大大增長我們的開發效率。本篇文章試圖整理在前端開發中用到的css單位和其應用場景。px是pixel縮寫,是基於畫素的單位。在瀏覽網頁過程中,...