rem（font size of the root element）是指相對於根元素的字型大小的單位。簡單的說它就是乙個相對單位。看到rem大家一定會想起em單位，em（font size of the element）是指相對于父元素的字型大小的單位。它們之間其實很相似，只不過乙個計算的規則是依賴根元素乙個是依賴父元素計算。
所以這裡總結一句，所謂依賴根元素來計算的方式，就是先給予html元素乙個font-size，然後我們所有的rem就根據這個font-size來計算
列如 ：html
那麼我們這裡的1rem就應該這麼來計算：1x16=16px=1rem；瀏覽器預設為16px可能造成rem計算上的麻煩和多位小數，所以，我們也可以進行這種方式的初始化根元素：
html
這樣初始化之後，我們來進行rem計算的時候，就會減少許多的麻煩。
前端px與rem換算
之前有些適配做法，是通過js動態計算viewport的縮放值 initial scale 例如以螢幕320畫素為基準，設定1，那螢幕375畫素就是375 320 1.18以此類推。但直接這樣強制頁面縮放過於粗暴，會導致頁面文字失真模糊。px是相對固定單位，字型大小大小直接被定死，所以使用者無法根據自...
Vue Vant 純JS實現rem與px換算
不利用外掛程式，手寫js實現rem與px的換算。已知1rem等於根標籤的字型大小。如下 所示，假設640的設計稿，設定1rem等於10px。function win var rem width 64 為根標籤html設定font size，即1rem等於多少px docel.style.fontsi...
移動端px和rem的換算
看根元素html裡面設定的font size是多少 50 px，即認為1rem為多少 50 畫素 rem的優點是所有的元素大小都是乙個倍數，相對於根元素的倍數，所以只需要修改根元素，所有的元素都可以變化。可以適應不同的裝置解析度。缺點是ie6 ie7 ie8不支援這個標籤。指定了 1rem為50px...