如何优雅的使用rem

移动端CSS做布局的时候，如何选择px、em、%、rem这几个单位呢？

很多初做移动端的童鞋们，不知道如何用px、em、%还是用rem做移动端的布局，那就举例说一下：如果使用%作为单位的话，在iphone4上多少会有些布局错位，那用rem就解决了这个难题。

document.documentElement.style.fontSize=document.documentElement.clientWidth / 3.75 + 'px';

需要注意的是：我这段代码参考的设计图的宽度是 750px所以才有了3.75的由来，3.75 = 750（设计图的宽度）/100/2，主要为了方便换算，如果使用这段代码请根据你自己的设计图宽度换算，现在移动端的设计图一般以iPhone6为设计图参考设备。
在js的标签里直接使用这段代码就可以重置不同移动端的字体大小。使用后直接应用rem作为布局的单位就可以，换算单位为 1rem = 100px ，如果你是想要设置 padding-top为20px的话，可以直接使用 ：#xxx{padding-top:0.2rem} 就可以了，这就相当于是20px了。