rem布局

看了网上不是的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

推荐文章

你可能感兴趣的:(rem布局)