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