首页 > Web开发 > 详细

CSS3相对单位: em && rem

时间:2018-01-23 14:07:59      阅读:261      评论:0      收藏:0      [点我收藏+]

em:

1. em相对于元素父元素的font-size。比如说:如果一个<div>的font-size为“16px”,此时,如果其子元素的字体大小设置为“0.75em”,那么其字体大小计算出来后就相当于“0.75 * 16px = 12px”

2. p { margin: 1em 0 }

表示段落上下留1em空白,则具体的p元素的字体大小如果是12px,留白也是12px,如果字体为16px,留白也是16px。

rem:

rem相对的是HTML根元素,即html元素,如:

html{
font-size: 14px;
}
p{
font-size: 2rem; /* 此时p的字体大小为28px,即html的
font-size和p的font-size相乘 */
}

CSS3相对单位: em && rem

原文:https://www.cnblogs.com/xjy20170907/p/8335098.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!