今天弄了一点响应式的东西，本以为很快就可以弄好，结果还是绕晕了头，所以还是写下来方便下次看吧！

一开始我打算用百分比%来做响应式布局，后来算的很懵圈，就果断放弃了，哈哈是不是很明智。

接下来就是rem单位的出场了，用拿到的px换算就好了，是不是炒鸡简单呢。

一）rem单位使用步骤：

1、确定基数：一般10px，自己记住就行，不用写进代码里

2、html {font-size:百分数;}

　　百分数=基数/16

　　基数10    百分数62.5%

　　基数14    百分数87.5%

3、px换算rem   公式=拿到的px值/基数

　　也就是说，当你设置 html {font-size:62.5%;}，你想给容器里的文字设置字号14px，换算成rem就是14px/10——1.4rem 这样子

　　（如果自己想要测试的话，拿火狐Firebug测试，因为Chrome下字号低于12px失效哈，如果想设置小于12px的字号，Chrome也有解决方案，自己百度就好）

二）如果你使用的是em单位，请记住：

　　1、用em就给body设置font-size

　　2、要使用， body {font-size:14px;} 设置body，给定盒子宽度28px，则得到em 的就是   28px/14px=2em 啦。

三）总结下

　　用rem就给html设置{font-size:百分数;}，用em就给body设置{font-size:14px;} ；

　　反正他们两个互不影响，想怎么用就怎么用。

　　提醒大家，换算时千万要看准，不要算晕了。

（PS:如有错误，欢迎前来讨论哈！）

附上参考博文链接：

http://www.cnblogs.com/dreamsboy/p/5656009.html

http://www.cnblogs.com/YYvam1288/p/5123272.html