CSS3中的rem值與px之間的換算

時間 2019-11-20

標籤 css3 css rem 之間換算欄目 CSS 简体版

原文原文鏈接

看CCS文件的時候發現引入了一個新大小單位：rem，CSS文件裏有介紹，看半天拿着手機計算了幾下愣是沒搞明白，怕是新東西搜出來的都是英文看着累就沒找google，而是百度了一下，百度的結果就是看到一篇文章被轉來轉去，來轉去，轉去，去。。。css

鬱悶之下回到主題的CSS再看那介紹，打開電腦的計算器，一計算，竟然被我整明白了，原來原先計算值不等是由於我手機的計算器設置了保留兩位小數點的緣由，真實囧。。。html

其實px和em的關係我都沒整明白，就來講這個rem讓我以爲很忐忑的。。。瀏覽器

rem好像也是一個相對大小的值，它是相對於根元素<html>，好比假設，咱們設置html的字體大小的值爲 html｛font-size: 87.5%;｝（也就是14px，這是twentytwelve默認主題裏的設置）。而後其餘的字體就是將你要的值除以14獲得的值；好比默認的twentytwelve主題大小是960px；換算成rem就是960/14=68.57142857142857rem（我這個用電腦的計算器計算的，比默認的更精確，嘿嘿）；padding的24px也就是24/14=1.714285714285714rem（固然仍是比css文件裏的精確），以此類推。字體