美文网首页
淘宝移动端适配方案lib-flexible 和 px2rem

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

作者: 4440e1453363 | 来源:发表于2018-03-23 14:35 被阅读0次

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

    适配完成

    相关文章

      网友评论

          本文标题:淘宝移动端适配方案lib-flexible 和 px2rem

          本文链接:https://www.haomeiwen.com/subject/dlhxcftx.html