前言 授人以渔，不如授人以鱼。 我把最近开发大屏的项目，抽象为一个最简版的demo，放到 github 上。保证拿来即用，可以帮助大家省去一些调研的时间。 半成品demo的github地址如下：

在拿到设计图后，通常会先通过设计图的布局来思考代码的设计，这也是开始着手写代码前必须要进行的一步，在项目中，我曾遇到，在一张大屏图开发到一半的时候介入，和另一个前端一起进行开发，结果由于她将整张图上的所有图表都放到一个vue文件里面，结果导致整个页面的代码数量级达到上千行，并且…

1.适配方式 适配方案采用rem布局， 根据屏幕分辨率大小不同，调整根元素html的font-size， 从而达到每个元素宽高自动变化，适配不同屏幕 2.使用 postcss-px2rem-exclu

flexible在编译之后会改变组件的大小，这样相当于没有使用到组件。 因为公司决定迅速开发手机端的页面，技术选择就是vue+vuxUI框架。开始摄像做到手机端兼容的同时结合ui框架让项目更好看些，然后就开始动手做！ 这个时候需要说下flexible.js，阿里开源的移动端适配…