1.之所以使用px2rem(vscode插件)而不使用px2rem-loader是原因是px2rem-loader会把ui框架的样式也一并转成rem,会导致样式变形.
2.使用lib-flexbie必须把html页面原来的<meta name="viewport">标签删掉(很重要)
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
}
}
适配完成
网友评论