我的最终总结：我认为比较好的方式就是让1rem在设计师给的标准尺寸下等于100px,然后我们用的时候如果用到14px,直接用0.14rem替换就ok，然后通过js动态根据不同设备宽带给html的font-size进行计算。假如设计师设计的
我的最终总结：我认为比较好的方式就是让1rem在设计师给的标准尺寸下等于100px,然后我们用的时候如果用到14px,直接用0.14rem替换就ok，然后通过js动态根据不同设备宽带给html的font-size进行计算。假如设计师设计的页面宽度尺寸是1080，js就這样写：
document.documentElement.style.fontSize = window.innerWidth/10.80 + 'px'，這样在1080设备上的html的font-size=100px，0.14rem就等于14px；
這样就能兼容不同设备分辨率了，比如，如果在2160px设备分辨率下，html的font-size经计算就等于200px,那么0.14rem=0.14rem*200=28px了。
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
移动Web利器transformjs入门 - 【当耐特】
2016-11-30 12:00
移动WEB像素相关知识 - starof
2016-11-30 10:00
腾讯AlloyTeam移动Web裁剪组件AlloyCrop正式开源 - 【当耐特】
2016-11-21 13:00
关于移动端meta设置 - 九成
2016-11-14 16:00
网友点评
精彩导读
热门资讯
关注我们
