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

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

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

响应式布局 响应式网页设计的理念是让 Web 页面在不同尺寸的设备上和窗口上都能得到友好的渲染，以获得良好的浏览体验。 响应式布局可自动调整并适应任何设备屏幕的大小，无论是 PC，平板电脑还是手机。

废话不多！想必大家对这个flexible.js的原理应该已经很了解了！[奸笑]，如不了解请自行百度 || 谷歌。大致的原理就是就以设计稿的宽度为基准，将设计稿平分为10份。然后将1/10份的大小设置成根节点的大小。1个rem就是1/10份的宽度值！对，没错！他的作用就是这么个作…