vue移動端字體大小設置

const setRemUnit = () => {

const docEl = document.documentElement;

// IPhone6下750像素來設計，實際像素375px，1rem爲50px

const rem = docEl.clientWidth / 7.5;

docEl.style.fontSize = `${rem}px`;

};

const pageShowCallback = (e) => {

if (e.persisted) {

setRemUnit();

}

};

document.addEventListener('DOMContentLoaded', setRemUnit, false);

// reset rem unit on page resize

window.addEventListener('resize', setRemUnit, false);

// reset rem unit on page show

window.addEventListener('pageshow', pageShowCallback, false);

export default setRemUnit;

 

直接引入main.js裏面就行了

 

 大神們。若是有更好的方法，歡迎指導