rem佈局原理和優缺點

blog.csdn.net/qq_36263601…

1.rem的原理：
    （1）本質其實就是等比縮放
    （2）clientWidth/UI圖寬度  這個是縮放比
    （3）dom快高*clientWidth/UI圖寬度  這個就是dom的實際寬高
但是這樣每次都這麼做很麻凡，不如直接找出一個單位來公用，於是rem就出現了
-----------方法：
可以發現，如果子元素設定rem單位的屬性，通過更改html元素的字型大小，就可以讓子元素實際大小發生變化
---------------這裡讓分子縮小了100倍，那麼計算rem的時候就讓分子增大一百倍
document.documentElement.style.fontSize = document.documentElement.clientWidth /（中間比例） 100 + 'px'; 
---------------那麼如何把UE圖中的獲取的畫素單位的值，轉換為已rem為單位的值呢---------------
公式是（元素寬度 / UE圖寬度 *中間比例100），
讓我們舉個例子，假設UE圖尺寸是640px，UE圖中的一個元素寬度是100px
根據公式100/640*100 = 15.625

複製程式碼