rem是css3中用来设置字体大小的单位，相比于px、pt、em这些单位，rem非常适合用来做移动端的响应式适配。rem与em最大的区别就是rem是根据网页的根元素即html字体大小来设置字体大小，而em是根据父元素的字体大小来设置的。
以上就是rem使用时的简单例子，还是很方便的。但是如果要做到移动端响应式布局，根据手机屏幕的大小自动设置根元素的字体，就需要用到下面这段代码了。
这是在网上找的淘宝rem响应式布局代码，把这段代码放在页面头部head中可以做到页面中html的font-size恒为100px，即此时1rem=100px。这样就可以很方便的换算UI给你的750px宽度原型图中的各元素宽高了。
梦见拉屎在裤子里
网友评论 ()条 查看