沐鳴註冊_css中1px等於多少rem?

rem是css3中新增加的一個單位值,他和em單位一樣,都是一個相對單位。不同的是em是相對於元素的父元素的font-size進行計算;rem是相對於根元素html的font-size進行計算。

rem 和 em 一樣,也是一個相對大小的值,它是相對於根元素 <html>。

比如假設,我們設置html的字體大小的值為html{font-size: 87.5%;}(也就是14px)。

然後其他的字體就是將你要的值除以14得到的值;

比如默認的twentytwelve主題大小是960px;換算成rem就是960/14=68.57142857142857rem;

padding的24px也就是24/14=1.714285714285714rem,以此類推。

上面的14是個變量,相對於你對根元素html字體大小的設定,如果你設定的是62.5%,那除數就變成10了,對照表如右圖:

用這個rem單位的好處有啥我不知道,不過如果你根元素的字體大小選62.5%,那px和rem之間的換算就是px直接除以10就得到rem了,這比em簡單多了,到現在我都沒搞清楚em和px之間是如何換算的。

另外rem在ie8及ie8以下的版本不支持外其他瀏覽器都支持,如果你要考慮ie8及一下,可以像twentytwelve默認文件那樣設置個px再設置個rem就可以了。

那麼css中1px等於多少rem?

如果你沒有在根元素指定參照值,那瀏覽器默認就是1rem為16px;如果你指定了值假設為20px,那1rem就為 20px。

站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/7525