html動(dòng)態(tài)設(shè)置根字體大辛两(頁面字體使用rem單位可根據(jù)屏幕大小自適應(yīng))
1.新建rem.js文件
(function(doc, win) {
let docEl = doc.documentElement,
? ? resizeEvt ='orientationchange' in window ?'orientationchange' :'resize',
? ? recalc =function() {
let clientWidth = docEl.clientWidth
? ? ? if ( !clientWidth )return
? ? ? if ( clientWidth ===320 ) {
docEl.style.fontSize =24 * (clientWidth /320) +'px'
? ? ? }
else {
docEl.style.fontSize =20 * (clientWidth /320) +'px'
? ? ? }
}
if ( !doc.addEventListener )return
? win.addEventListener(resizeEvt, recalc, false)
doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window)
2,將文件引入到main.js執(zhí)行