网页要多终端匹配，传统字体单位px满足不了，考虑使用rem单位

rem 是相对于根节点的

为此，如下代码，先让根节点单位为10px，之后就方便使用rem了

html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; } /* =24px */

 非常好的是，rem ie9支持

如要兼容ie9以下浏览器，可

html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

demo:xx这里

css3 使用新的字体单位rem