可视化大屏的终极解决方案居然这么简单,vue-autofit一行全搞定!

内容简介:

可视化大屏适配/自适应现状
可视化大屏的适配是一个老生常谈的话题了,现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢?因为目前市面上适配工具每一个都无法做到完美的效果,做出来的东西都差不多,最终实现效果都逃不出白边的手掌心,可以解决白边问题的,要么太过于复杂,要么会影响dom结构。
三大常用方式

方案
实现方式
优点
缺点

vw vh
1.按照设计稿的尺寸,将px按比例计算转为vw和vh

1.可以动态计算图表的宽高,字体等,灵活性较高 2.当屏幕比例跟 ui 稿不一致时,不会出现两边留白情况
1.每个图表都需要单独做字体、间距、位移的适配,比较麻烦

sca...

查看原文

👉 可视化大屏的终极解决方案居然这么简单,vue-autofit一行全搞定!

暂无评论

暂无评论...