vue页面自适应适配
// 引入main.js文件即可
window.addEventListener(
// 监听页面尺寸变化
"orientationchange" in window ? "orientationchange" : "resize",
(function() {
function c() {
const d = document.documentElement;
const cw = d.clientWidth || 1920; // cw 窗口可视宽度
const rem = (cw * 100) / 1920;
d.style.fontSize = rem + "px"; // 设置根元素的font-size
}
c();
return c;
})(),
false
);
echarts自适应
export function fontSize(f) {
const d = document.documentElement;
const cw = d.clientWidth || 1920;
return parseInt((cw * f) / 1920);
}