rem布局
2017-03-24 本文已影响0人
yongningfu
看了网上不是的rem布局的文章，讲了很多，但是很多人都没有说到点上， 谈谈我的理解
rem布局是把缩小逻辑放在html的fontSize上面
比如设计图纸给出了横向640px, 那么我们设定它的对应html fontSize为100px, body的width为6.4rem， 即 100 * 6.4 = 640
如果手机的逻辑分辨率为320px，为了等比缩放，那么我们主要设置它的html fontSize为50px就行了，body的rem也同为6.4rem. 易知50 * 6.4 = 320
所以从上面我们可以看到， body的大小width = 6.4rem并没有改变, 只是我们动态的修改了html的fontSize, 然后就能实现等比缩放，所以说rem布局 是把缩放的逻辑防止在html的fontSize
