export const computRem = (doc, win, designWidth) => {
const docEl = doc.documentElement
const resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
const recalc = function () {
const clientWidth = docEl.clientWidth
if (!clientWidth) return
docEl.style.fontSize = 100 * (clientWidth / designWidth || 1920) + 'px'
console.log(docEl.style.fontSize)
}
if (!doc.addEventListener) return
win.addEventListener(resizeEvt, recalc, false)
recalc()
}
其中第三个参数为UI设计稿的宽度,布局就可以使用rem布局,UI设计稿尺寸除以100就行
computRem(document, window, 1920)