rem是指相對(duì)于根元素(html)的字體大小的單位, 利用它能實(shí)現(xiàn)強(qiáng)大的屏幕適配布局。下面主要應(yīng)用的是基于js去調(diào)整根元素字體大小， 從而實(shí)現(xiàn)各個(gè)尺寸屏幕的適配；
使用方法：
1.復(fù)制上面這段代碼到你的頁面的頭部的script標(biāo)簽的最前面。
2.根據(jù)設(shè)計(jì)稿大小，調(diào)整里面的最后兩個(gè)參數(shù)值。
3.使用1rem=100px轉(zhuǎn)換你的設(shè)計(jì)稿的像素，例如設(shè)計(jì)稿上某個(gè)塊是100px*300px,換算成rem則為1rem*3rem。
注： html font-size字體大小 = 設(shè)備寬度 / (設(shè)計(jì)圖尺寸 / 100);
假設(shè)提供的設(shè)計(jì)稿為750PX的，那么：
deviceWidth = 320，font-size = 320 / 7.5 = 42.6666px
deviceWidth = 375，font-size = 375 / 7.5= 50px
deviceWidth = 414，font-size = 414 / 7.5 = 55.2px
deviceWidth = 500，font-size = 500 / 7.5 = 66.6666px
---------------------
作者：小白變怪獸
來源：CSDN
原文：https://blog.csdn.net/u013558749/article/details/78835980
版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請(qǐng)附上博文鏈接！
