自适应布局 tb自适应布局

第一种方法是
将文件下载到你的项目中，然后通过相对路径添加:
<script src="build/flexible_css.debug.js"></script> <script src="build/flexible.debug.js"></script>

第二种方法是
直接加载阿里CDN的文件：
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

第三种方法是
1.安装lib-flexible.js
npm install lib-flexible --save

2.在项目入口文件main.js 中引入lib-flexible
import 'lib-flexible/flexible'

其他辅助工具
使用webpack 的px2rem-loader,自动将px转换为rem
1.安装px2rem-loader
npm install px2rem-loader --save-dev
2.配置px2rem-loader
在build.js/util.js 文件中，添加如下配置
在generateLoaders 函数里将
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
修改为
const loaders = options.usePostCSS ? [cssLoader, px2remLoader, postcssLoader] : [cssLoader, px2remLoader]
添加
var px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 100, remPrecision:8, } }