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

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
}
}

适配完成

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容