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

最近工作安排是开发大屏，在网上查了很多资料，也得到同事很多帮助，现在总结大屏适配方案文档，欢迎点进来看看，如有不对，敬请指正，谢谢！

在数据大屏项目中，屏幕适配一直是一个很头疼的问题。因为不同屏幕尺寸和分辨率的设备太多，而且不同设备的像素密度也不同，这导致在不同设备上显示的效果可能会有很大的差异。本文分享如何使用rem适配方案解决。

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

最近在大屏可视化项目中有个展示地图的功能，要求： 好看排第一 支持钻入钻出 能单独展示省份、地市，因为客户数据有的是省级，有的是市级 得到这个需求后第一个想到的就是Echarts，所以打开Echart

使用transform: scale()实现大屏可视化的响应式，解决高德地图被scale之后点位错乱的问题。

概述 一个大屏页面，其中包含echarts图表和openlayers地图组件。为了达到自适应的效果，使用了css 属性transform:scale()。 该属性会导致地图组件上的点位置偏移的问题。

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

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