採用rem爲單位,根據屏幕的寬度調整html的font-size。
獲取屏幕寬度並計算比例:
function fontSize(res){
let docEl = document.documentElement,
clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
if (!clientWidth) return;
let fontSize = 100 * (clientWidth / 1920);
return res*fontSize;
}
在需要設置字體的地方可以這樣寫,
如在1920屏寬下字體設置爲12px,就可以傳入0.12給fontSize fontSize(0.12)
tooltip : {
trigger: 'axis',
textStyle:{
fontSize: fontSize(0.12),
}
},