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...