rem的确是个相对完美的解决方案,至少写css不用费心去考虑不同机器宽度问题。但是最近的项目在魅族机上偶现出页面样式错乱,概率比较低,但是是一个问题。
经过分析,页面css样式错乱并不是rem本身问题,而是在页面js中使用了window下的rem结果由于某种不明原因,触发了resize事件,rem的值出现变动,而js中使用的rem没有动态跟着变动,于是出现样式错乱。解决方法也只有一个,让rem值在js中也是动态。
项目是基于vue开发的,把rem变成项目数据模型里一个变量即可。
rem的确是个相对完美的解决方案,至少写css不用费心去考虑不同机器宽度问题。但是最近的项目在魅族机上偶现出页面样式错乱,概率比较低,但是是一个问题。
经过分析,页面css样式错乱并不是rem本身问题,而是在页面js中使用了window下的rem结果由于某种不明原因,触发了resize事件,rem的值出现变动,而js中使用的rem没有动态跟着变动,于是出现样式错乱。解决方法也只有一个,让rem值在js中也是动态。
项目是基于vue开发的,把rem变成项目数据模型里一个变量即可。