css3 使用新的字体单位rem

网页要多终端匹配,传统字体单位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这里


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。