我爱模板网在给客户做响应式网站时，碰到一个大麻烦，就是在其他现代浏览器都能很好的显示，但是到谷歌一看，全错位了。查了百度，终于知道原因了：
因为是响应式，所以，我爱模板用了rem，具体的用法如下：
1、在html中，设置 font-size:62.5%
2、边距、边框粗细、容器大小，全用rem作为单位，数值为正常状态下的像素数值除以10得到。
这样做的好处是：① 便于计算，10px = 1rem。② 只要在media查询中，更改 html 的 font-size 的值，整个页面都会等比例变化。
在大部分现代浏览器都没有问题，但是，我忘了谷歌。font-size:62.5%刚好是10像素，而谷歌是不支持小于12像素的字体的，所以，谷歌无形当中将所有的rem全部变大了。这下麻烦了，所有的地方都错位了。
解决办法有两种：
一、将所有的 rem再换算成px，改回来。因为这个响应式页面就一个，我选择了这种。
二、如果页面非常多，上面那种方法肯定太繁琐。既然谷歌不支持小于12像素的字体大小，我们可以将 html 设置的参考值 62.5%改成更大的值，在使用时，将rem的值相应的改小即可，如：改成 312.5% ，换算成像素就是50px，这个时候，1rem=50px，那么，设置12像素的字体，就是 0.24px。当然，这不如之前的 1rem=10px好计算。