px em rem三者之間的區別

2022-08-23 21:12:09 字數 432 閱讀 1394

px、em、rem都是計量單位,都能表示尺寸,但是有有所不同,而且其各有各的優缺點。

px表示「絕對尺寸」(並非真正的絕對),實際上就是css中定義的畫素(此畫素與裝置的物理畫素有一定的區別,後續詳細說明見文末說明1),利用px設定字型大小及元素寬高等比較穩定和精確。px的缺點是其不能適應瀏覽器縮放時產生的變化,因此一般不用於響應式**。

em表示相對尺寸,其相對於當前物件內文字的font-size(如果當前物件內文字的font-size計量單位也是em,則當前物件內文字的font-size的參考物件為父元素文字font-size)。使用em可以較好的相應裝置螢幕尺寸的變化,但是在進行元素設定時都需要知道父元素文字的font-size及當前物件內文字的font-size,如有遺漏可能會導致錯誤。

rem也表示相對尺寸,其參考物件為根元素的font-size,因此只需要確定這乙個font-size。

px,em,rem三者的區別

px是絕對定位,是css中最基本的長度單位 弊端 當使用者和ctrl滾頁面的時候 說白了就是ctrl ctrl 你會發現頁面結構產生了不可預知的錯亂em是相對定位,em相對的基準點就是瀏覽器的字型大小,瀏覽器預設字型大小是16px,也就是1em預設等於16px,如果你想給某個文字設定為14px,就這...

C C VC 三者之間的區別。

整理自 c語言是一種古老而又經久不衰的計算機程式語言,大約誕生於上個世紀60年代。由於它的設計有很多優點,多年以來深受廣大程式設計人員的喜愛,並逐漸 淘汰了很多其它程式語言。我們平時使用的大多數軟體都是用c語言開發的。很多後來出現的一些語言也沿用了很多它的東西。c語言的程式設計方式是一種稱為 面向過...

var const let 三者之間的區別

1.const定義的變數不可以修改,而且必須初始化。1 const b 2 正確2 const b 錯誤,必須初始化 3 console.log 函式外const定義b b 有輸出值4 b 5 5 console.log 函式外修改const定義b b 無法輸出 2.var定義的變數可以修改,如果不...