使用rem的一些注意

1. 浏览器的默认字体高度一般为16px，即1em:16px，但是 1:16 的比例不方便计算 ，把跟节点字体设为62.5%，因为浏览器默认字体大小16px*62.5%=10px。这样1rem便是10px

2. 实际项目设置成 font-size: 62.5%可能会出现问题，因为chrome不支持小于12px的字体，计算小于12px的时候，会默认取12px去计算，导致chrome的em/rem计算不准确。 解决：设置html字体为100px，body 修正为16px，这样 0.1rem 就是 10px，而body的字体仍然是默认大小，不影响未设置大小的元素的默认字体的大小。

3.ie6-8不支持rem

4.对于不同尺寸的屏幕，可以统一假设屏幕宽度为640px后编写CSS（750用的挺多的）。此时，我们设定html元素的font-size为100px（举例），然后各处（元素尺寸、文字大小）使用rem作为单位，随后搭配媒体查询或JS，根据屏幕的大小来动态控制html元素的font-size（设置多少 具体问题具体分析），即可自动改变所有用rem定义尺寸的元素的大小

如果只做pc端，那么静态布局（定宽度）是最好的选择；

如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem+js）是最好的选择，一份css+一份js调节font-size搞定；

如果pc，移动要兼容，而且要求很高那么响应式布局还是最好的选择，前提是设计根据不同的高宽做不同的设计，响应式根据媒体查询做不同的布局。