rem的确是个相对完美的解决方案，至少写css不用费心去考虑不同机器宽度问题。但是最近的项目在魅族机上偶现出页面样式错乱，概率比较低，但是是一个问题。

经过分析，页面css样式错乱并不是rem本身问题，而是在页面js中使用了window下的rem结果由于某种不明原因，触发了resize事件，rem的值出现变动，而js中使用的rem没有动态跟着变动，于是出现样式错乱。解决方法也只有一个，让rem值在js中也是动态。

项目是基于vue开发的，把rem变成项目数据模型里一个变量即可。