echarts自适应大屏方案 亲测有用
将实际窗口的大小与设计图窗口大小做比得到要给相对的比率,每个单位数值和这个比率相乘即可。即:按比例缩放字体。比如设计图是19201080的,某个数值是fontSize:12,当前显示器是3840的大屏,那么你现在的字体大小应该是:12(3840/1920)= 24。
//当前视口宽度
let nowClientWidth = document.documentElement.clientWidth;
换算方法
function nowSize(val,initWidth=1920){
return val * (nowClientWidth/initWidth);
// 使用的时候 nowSize(13)就代表1920下是13px
fontSize: nowSize(13)
width: nowSize(13)
本文来自博客园,作者:jialiangzai,转载请注明原文链接:https://www.cnblogs.com/zsnhweb/articles/17836578.html

浙公网安备 33010602011771号