mpvue开发小程序不同分辨率手机间样式变形

众所周知，微信小程序有自己的像素单位“rpx”,这个单位是一个自适应的单位，不管你在用什么手机，他都能根据你的手机分辨率去调整这个单位的大小，所以一般用原生小程序代码写小程序的时候是不用考虑各个手机之间的自适应的问题的，那么如果我们用mpvue框架去写小程序也是这样吗？

其实我们用mpvue框架的时候webpack会帮我们讲style里面的class中的所有“px”单位都打包成“rpx”，注意：是class类里面的样式会被打包成rpx，那么问题来了，我如果直接在div上写style样式行不行呢？答案是不行得，在div上写style样式，webpack是不会讲style上的“px”单位转化成“rpx”的，所以我们用mpvue写页面的时候经常会出现各个手机自适应的问题

解决办法只找到最笨的办法，不在div上写咯