前言 在做公司做了很多大屏的项目之后，针对于屏幕适配，说实话有很多解决方案，例如媒体查询、scale缩放、Rem、vw等等，但每种方案都有其特定的使用场景，面对不同的项目，我们首先考虑的不是哪种方案最

描述：echats大屏自适应方案：利用css的transform属性以及设计百分比做到大屏自适应，在不同尺寸大屏上实现等比例缩放

vue项目适配pc端的各种屏幕分辨率 在pc项目开发的时候，要适用PC端的各种屏幕分辨率，而且移动端的时候也是需要适配各种各样

一般来说，做PC端的页面并不像移动端那样对分辨率及屏幕大小有的特别强的要求，但是针对数据大屏这种展示型的页面来说，就需要考虑适配的方案了，毕竟要尽可能的保证大部分的主流显示器都能正常展示。

现有的桌面web项目需要给大屏展示用，可能会遇到大分辨率导致显示不清晰的问题，下面是解决方案思考和选择。

1、先安装lib-flexible和postcss-pxtorem 可以直接按照以下命令安装即可（一定要严格控制版本号，以下版本可以完美解决依赖冲突问题） npm install lib-flexib

在大数据时代，我们经常听到“用数据说话”这句话。但是数据本身只是一个个冰冷的数字，很难直接告诉我们哪些数据是有价值的信息。 只有通过适当的可视化工具来展示和表达数据，才能更直观地向用户传达数据的价值。