vue-移动端适配

1.选用750X1334的iphone6尺寸的设计图纸

2.安装插件px转rem

3.配置 px2rem-loade

我们将px2remLoader的option.remUnit 设置成设计稿宽度的1/10,

例如:设计图纸宽750, remUnit:=750/10=75

var px2remLoader = {
loader: 'px2rem-loader',
options: {
    remUnit: 75,
    remPrecision: 5
}
}

重点L修改配置后需要重启,然后我们在组件中写单位直接写 px,设计稿量多少就可以写多少了,舒服多了。

参考:http://hjingren.cn/2017/06/16/%E5%9F%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/

猜你喜欢

转载自blog.csdn.net/dianziagen/article/details/84835770