//?動態(tài)設(shè)置html的字體的大小
const?MAX_FONT_SIZE?=?42;
//監(jiān)聽?html?文檔被解析完成的事件
document.addEventListener("DOMContentLoaded",?()?=>?{
????//?獲取html的標簽
????const?html?=?document.querySelector('html');
????//獲取設(shè)備的根原生的fontsize的大小砸捏,屏幕寬度/10
????let?fontSize?=?window.innerWidth?/?10;
????//獲取到的fontSize?不能超過最大值
????fontSize?=?fontSize?>?MAX_FONT_SIZE???MAX_FONT_SIZE?:?fontSize;
????//?定義根元素的html的大小?(rem)
????html.style.fontSize?=?fontSize+'px';
})
定義px2rem:
//?定義預(yù)計根元素?fontSize?適用于?蘋果6?6s?7?8
$rootFontSize?:?375?/?10;
//定義?將像素轉(zhuǎn)rem的函數(shù)
@function?px2rem?($px)?{
????@return?$px?/?$rootFontSize?+?rem?;
}