webpack移动端rem适配方案

1.安装hotcss

cnpm install hotcss -S

2.引入hotcss.js到页面

3.引入px2rem.scss

@import 'node_modules/hotcss/src/px2rem.scss';

4.设置设计尺寸

$designWidth: 750;

5.用px2rem函数转换

padding: px2rem(20) px2rem(24);

你可能感兴趣的:(webpack移动端rem适配方案)