大屏适配总结

想分享一下最近一些做大屏的经验

从图表字体适配来讲， 会经常看看一些大屏的分享作品，根据网上分享的作品，可以更快实现图表
https://www.isqqw.com/
有良好的封装习惯也可以更好更快速完成，比如一些通用功能，常用的悬浮框跳转动画，建议自己写一个类通过requestAnimationFrame来实现，因为定时器不正确的使用容易导致页面卡顿

比如统一的清除或者给dom元素增加监听resize方法等等进行扩展，这样良好的习惯可以用到下一个也是echart的项目中

export const echartFontSize = (size, defalteHeight = 1080) => {
    let clientHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
    if (!clientHeight) { return size }
    let scale = (clientHeight / defalteHeight)
    return Number((size * scale).toFixed(3))
}

实际项目中问好需要适配多少种分辨率也是一个比较关键的因素，因为可能会出现超宽或者超高的屏幕，这样再根据实际的来适配。
页面字体建议用vw一般情况下最贴近设计稿
这边建议对于小于12px的字体
font-size先放大一倍
通过scale在缩小
例子显示 10px大小的字体

     scale: 0.5;
     font-size: 20px