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

封装组件，以方便在Vue项目中使用Echarts图表，调用方便，复用方便。可用于toB类展示数据项目，更多的是用在大屏数据可视化项目

1. 适配方案1：rem + font-size 我们都知道，在 css 中 1rem 等于 html 根元素设定的 font-size 的 px 值，通过动态的修改html 根元素的 font-si

使用 postcss-px-to-viewport 插件将px自动转为vw的移动端适配方案 github地址：postcss-px-to-viewport 插件安装 参数配置 postcss.conf

rem英文译为：font-size of the root element，意思是根元素(html元素)字体大小。 注：数字“10”为随意设置(将屏幕10等分)，为了好计算。这个除数不宜设置太大，因为大部分浏览器的最小字体为12px。 若设计图宽度为320px(iPhone 5…

描述 在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们来解决一下这个不算难题的难题 效

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

一直以来都想自己写一款插件去解决大屏的适配问题，最近终于有时间去完成这件事，特此记录下过程中碰到的问题。

【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 =＞ 大屏自适应缩放解决方案 =＞ 使用transform:scale =＞ 组件化抽离ScaleBox=＞【两分钟实现大屏自适应】