px,em,rem三者的區別

2021-10-09 23:03:42 字數 921 閱讀 8869

px是絕對定位,是css中最基本的長度單位  弊端:當使用者和ctrl滾頁面的時候(說白了就是ctrl+,ctrl-),

你會發現頁面結構產生了不可預知的錯亂

em是相對定位,em相對的基準點就是瀏覽器的字型大小,瀏覽器預設字型大小是16px,也就是1em預設等於16px,

如果你想給某個文字設定為14px,就這樣寫 font-size:0.875em; 公式是14/16=0.875em,如果想要15px,

那麼就是15/16=0.938em, 例如margin:0.938em; 依次類推,樣式表都用em來寫的話,就可以解決ctrl+,

ctrl-時造成的頁面錯亂問題

em特點

1. em的值並不是固定的;

2. em會繼承父級元素的字型大小。

rem是css3新增的乙個相對單位(root em,根em)

與區別em在於使用rem為元素設定字型大小時,仍然是相對大小,但相對的只是html根元素。這個單位可謂集相對大小

和絕對大小的優點於一身,通過它既可以做到只修改根元素就成比例地調整所有字型大小,又可以避免字型大小逐層復合

的連鎖反應。目前,除了ie8及更早版本外,所有瀏覽器均已支援rem。

在寫css的時候

方法一:

1. html根元素選擇器中宣告font-size=62.5%;

2. 將你的原來的px數值除以10,然後換上rem作為單位;

方法二:

1. html根元素選擇器中宣告font-size依據給定的設計圖即設計圖為640,,則font-size:64px;

2. 將你的原來的px數值除以64,然後換上rem作為單位;

px em rem三者之間的區別

px em rem都是計量單位,都能表示尺寸,但是有有所不同,而且其各有各的優缺點。px表示 絕對尺寸 並非真正的絕對 實際上就是css中定義的畫素 此畫素與裝置的物理畫素有一定的區別,後續詳細說明見文末說明1 利用px設定字型大小及元素寬高等比較穩定和精確。px的缺點是其不能適應瀏覽器縮放時產生的...

tailf tail f tail F三者區別

tail f 等同於 follow descriptor,根據檔案描述符進行追蹤,當檔案改名或被刪除,追蹤停止 tail f 等同於 follow name retry,根據檔名進行追蹤,並保持重試,即該檔案被刪除或改名後,如果再次建立相同的檔名,會繼續追蹤 tailf 等同於tail f n 10...

tailf tail f tail F三者區別

tail f 等同於 follow descriptor,根據檔案描述符進行追蹤,當檔案改名或被刪除,追蹤停止 tail f 等同於 follow name retry,根據檔名進行追蹤,並保持重試,即該檔案被刪除或改名後,如果再次建立相同的檔名,會繼續追蹤 tailf 等同於tail f n 10...