码迷,mamicode.com
首页 > Web开发 > 详细

css3 使用新的字体单位rem

时间:2014-09-25 15:41:59      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:http   使用   ar   sp   on   c   代码   html   ef   

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

标签:http   使用   ar   sp   on   c   代码   html   ef   

原文地址:http://my.oschina.net/homeemail/blog/318472

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!