flexible.js淘宝移动端rem自适应用法

1、设置视窗，如下两种都行

<!-- <meta name="viewport" content="width=device-width,user-scalable=no initial-scale=1, shrink-to-fit=no"> --><meta name="viewport"content="width=device-width,user-scalable=no,viewport-fit=contain,initial-scale=1,maximum-scale=1,minimum-scale=1">

2、引入flexible.js

<script src="/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

3、css相关尺寸等转成rem，布局采用flex。

依照iphone 6为例，flexible会直接把html的font-size:37.5px;设置为37.5px。

如果一个图片本来的宽度为300px * 100px 则，现在转成rem则设置为 (300除以37.5)rem *(100除以37.5)rem

段落字体p中建议还是用px;