vue移动端rem

134 阅读1分钟

1.安装 npm install px2rem-loader lib-flexible --save

2.创建scss文件一般放置在assets目录下

内容:@function px2rem($px, $base-font-size: 75px) {

@return ($px / $base-font-size) * 1rem;
}

3.在index.html文件引入<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>


4. 使用:在要使用的vue文件里面 stype下导入@import "../assets/css/function.scss";  

    需要自适应的值得时候  例子:(font-size: px2rem(100px);)