rem和em其實都是相對單位，但rem是想對於html根元素字型大小，而em是相當於使用em單位的元素字型大小大小
教程幫你梳理清楚!
html布局：
css樣式：
html結果：.container
.use_em
.use_rem
這時候你可以看到，使用rem單位的盒子繼承的是html根字型大小大小；在這裡em是繼承了父盒子的字型大小大小，但有乙個比較普遍的誤解，認為單位就是相對于父元素的字型大小。 事實上，根據w3標準，它們是相對於使用單位的元素的字型大小。
我們再來驗證下這個說法,當我們在使用em的.use_em盒子上加font-size: 50px;，這時候你會發現盒子變大了，繼承的不再是父盒子container的字型大小大小，這時變成了相對於使用em單位的盒子的字型大小
一分鐘快速上手 移動端rem適配
一 window.onload function window.onresize function function getrem pwidth,prem 下面的 二，是我在小公尺網上看到的移動端h5頁面自適應 效果跟我的一樣，也可以使用 二 小公尺官網的寫法 function n e.addeve...
移動端rem 與 em的理解
1 移動端如果使用rem是怎麼換算px單位的 轉化為px的大小取決於頁根元素的字型大小，即 html 元素的字型大小。根元素字型大小乘以你 rem 值。例如，根元素的字型大小 16px，設定width為10rem 實際上的畫素值就為160px，即 10 x 16 160 優點 1 自適應效果好 2 ...
rem和em和px vh vw和 移動端長度單位
1.rem和em px 首先來說說em和px的關係 em是指字型高度 瀏覽器預設1em 16px,所以0.75em 12px 我們經常會在頁面上看到根元素寫的font size 62.5 這樣em就成了16px 62.5 10em 這是顯示在頁面的字型大小是10px 這樣12px 1.2em,10p...