标签：
（1）em是相对于父元素的字体大小改变的
em 称为给定字体的font-size值，如果字体的font-size值为14px，那么对于该元素，1em就等于14px
em 不仅可以设置字体大小，还可以设置宽高，如果H1的字体大小为24px，那么它的左边距1em就等于24px
（2）rem 是相对于根元素html设置的
其实rem的值和em的意思都差不多，唯一的就是em是相对于父元素，而rem是相对于根元素的，
为什么许多网站设置font-size为62.5%呢？因为，大多数浏览器默认字体为16px，而16px的62.5%也就是10px。
（3）为什么要有rem呢？
例如我们的根元素字体设置为10px，而它的内容为1.4rem，也就是14px
如果有一天，我们要将我们的网站移植到不同的视口（例如ipad），我们只需要设置根元素字体即可，假如设置为20px，而它的内容还是1.4rem，也就是28px
总结：看了一些比较出名的手机网站，多数还在使用px来设置字体，或者宽高，只有淘宝设置的比较好，两边是不留白的。对于手机网站字体设置，可以直接使用320宽度下的字体样式，也可以使用自适应，根据视口大小来调整字体大小，通过js计算来设置根元素HTML。也可以使用媒体查询的方式来设置字体大小，这是我对手机网站的一些总结。
2，关于rel="dns-prefetch"
每次我打开一些网站的前端，总是有这么一行代码，我必须得明白这其中的道理，于是便有了。。
对于这个知识稍微了解了一点，还需要探究其原理。
标签：
原文地址：http://www.cnblogs.com/geek12/p/4660283.html
