淘宝移动端适配方案lib-flexible 和 px2rem

1.之所以使用px2rem(vscode插件)而不使用px2rem-loader是原因是px2rem-loader会把ui框架的样式也一并转成rem,会导致样式变形.
2.使用lib-flexbie必须把html页面原来的标签删掉(很重要)

npm intall lib-flexible --save
在main.js里面引入
import 'lib-flexible/lib-flexible.js'

vscode px2rem插件可以在 文件 -首选项-设置里面搜索px2rem 然后自行配置参数。
字体用less stylus sass的mixin来操作
例如 stylus

fontsize($fontsize){
font-size:$fontsize * .5px
[data-dpr="2"]{
font-size:$fontsize
}
[data-dpr="3"]{
font-size:$fontsize * 1.5 px
}
}

适配完成

你可能感兴趣的:(淘宝移动端适配方案lib-flexible 和 px2rem)