作为一名前端开发者，你是否曾经为了制作一个漂亮的数据可视化大屏而头疼不已？是否因为网上资源良莠不齐，甚至一个模板就要收费而感到烦恼？ 那么今天介绍的这个开源项目绝对能解决你的问题！足足有100+套模版

1 问题背景 顾问反馈大屏在反复切换的过程中，页面会出现白屏，导致后续的操作无法进行，只能通过刷新页面才能恢复正常。 我们的页面类似于这样的布局（下方的是直接从网络上找的截图） 点击下方红线框住的区域

当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

我正在参加「掘金·启航计划」 前段时间做了一个自适应的小工具（vue-autofit），获得了许多掘友支持。 经过一段时间的试用，掘友们发现了工具存在的一些问题，我自己也发现了一些，这篇文章是针对这些

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

大屏可视化屏幕适配的几种方法 公司要开发数据可视化大屏，研究了几天资料，把自己的研究成果发出来，希望能够帮到大家。

我们需要将内容在一屏里全部展示出来。这就需要页面的内容宽高能像图片一样自由缩放填满整个屏幕。这种填满整个屏幕的方式可以理解为锁定屏幕宽高比。