rem布局

作者: yongningfu | 来源:发表于2017-03-24 01:16 被阅读0次

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

          本文链接:https://www.haomeiwen.com/subject/qmdxottx.html