rem 前端字体_响应式网页设计:rem设置网页字体大小自适应

首先简单科普一下什么是响应式网页。响应式网页是指会根据输出设备的分辨率不同，而自动调整布局的网页。同时，在输出设备分辨率改变时，也能及时自动调整。说穿了，就是三个字：自适应。

响应式网页不仅仅是响应不同类型的设备，而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流，让所有人无障碍的获取信息，同时这也是 Web 的初衷。

当我们每天面对缤纷的互联网世界的时候，文字不仅仅传递给我们众多的信息资讯，而且在设计师的手里，文字在网页中的排版承载着一种艺术的直觉。

网页中常用的文字大小单位是 px(Pixels)，em，现在《CSS Values and Units Module Level 3》中新增了 rem 这个单位。

相关文章：CSS3教程:相对单位rem详解

一、那到底什么是 rem 呢？

规范中明确写道：

Equal to the computed value of ‘font-size’ on the root element.

「rem」是指根元素(root element，html)的字体大小，好开心的是，从遥远的 IE6 到版本帝 Chrome 他们都约好了，根元素默认的 font-size 都是 16px。这样一个新的单位兼容性如何呢？

太好了，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了，我可以放肆的使用 rem 了。

可是，W3C 那些家伙为什么要闲着下面疼的新增这样一个单位呢？它和 em 有啥区