理解em,rem以及rem的失效问题

　　在日常作网站写代码的时候通常都是使用px，在以前的学习时就略微的学习了一些关于em、rem的知识，可是因为一直没有用到过，因此几乎所有忘记了。今天在研究一些知识的时候用到了em，因此特地将学到的知识总结一下。

1.em

em是相对长度单位，相对于当先对象中的字体尺寸。好比在某个div中font-size设置为20px，那么，1em就至关于20px，0.25em就至关于5px。因为浏览器的默认字体大小为16px，因此为了简化font-size的换算，就要在body的选择器中将font-size设置为62.5%，换算成像素，就是16*62.5%=10px，这样在以后的设置尺寸大小的时候就能够用1.2em表明12px，也就是说此时的换算关系就是1em=10px。

值得注意的是em会集成父级元素的字体大小。因此不要轻易的在当前元素中改变em。

2.rem

rem和em有类似的使用方法，都是相对长度单位。不一样的是rem须要在根元素html的css选择器中设置font-size,设置font-size为14px，则1rem就是14px。使用这个长度单位的好处是能够用于作适配。能够直接在<hmtl>中更改font-size就能够在不一样的移动端显示不一样大小的元素。咱们都知道浏览器默认的字体大小都是16px,所以在一些书中会这样写到：将html的font-size设置成62.5%，这样就是10px,那么接下来的0.1rem就是1px了，这样好算。可是，在实际中我发如今谷歌浏览器中这个方法是不可行的。

　　由于在谷歌浏览器中的默认字体大小虽然是16px，可是在html中却不能够将字体设置小于12px，若是小于12px就会默认以12px来计算。这样的话咱们的62.5%为10px就破灭了。因此在我看来可能最好的方法就是设置成为20px了，也就是在html中设置字体为125%或是直接20px。

 

资料来源：http://www.cnblogs.com/leejersey/p/3662612.html