flexible.js是如何实现移动端适配的？

flexible.js是一种移动端适配方案，它通过动态设置页面的根元素字体大小来实现适配。具体实现步骤如下：

1. 首先，获取设备的屏幕宽度。
2. 然后，根据设计稿的宽度和设备的屏幕宽度计算出一个缩放比例。
3. 接着，将缩放比例乘以设计稿中的尺寸值，得到在当前设备上应该设置的元素尺寸。
4. 最后，将计算得到的元素尺寸设置为根元素的字体大小。

这样做的好处是，通过设置根元素的字体大小，可以影响到整个页面中所有使用rem单位的元素。由于rem单位是相对于根元素字体大小的，所以通过调整根元素字体大小，可以实现页面元素的自适应。