(function () {
function resize() {
//设计稿的宽度
const desiginWidth = 375;
//视口的宽度
const windowWidth = window.innerWidth;
//html节点
const html = document.documentElement;
//计算 -- 字体大小
html.style.fontSize = 100 / desiginWidth * windowWidth + 'px';
}
resize();
//判断是否有横屏事件,有横屏优先执行横屏,没有横屏,执行resize事件
window.addEventListener('onorientationchange' in window ? 'onorientationchange' : 'resize', resize);
//监听文档加载完成
window.addEventListener('DOMContentLoaded', resize)
}(document, window));
使用在main.js 引入即可
import '@/assets/lib/resize.js'