乐鱼电竞





教育行业A股IPO第一股（股票代码 003032）

全国咨询/投诉热线：400-618-4000

rem是什么？和em单位区别在哪？

更新时间:2020年11月20日10时22分 来源:乐鱼播客 浏览次数:

　　rem是CSS 3中新增的一种相对长度单位。当使用rem单位时，根节点

的字体大小(font-size)决定了rem的尺寸。

　　rem单位类似于em单位，em单位表示父元素字体大�。煌υ谟�，rem的基准是相对于

元素的字体大小。下面通过代码对比em和rem的区别。

　　(1)使用em单位，示例代码如下。

div { font-size: 12px;
}div > p { width: 10em;    /* 结果为120px */
 height: 10em;   /* 结果为120px */}

　　上述代码中，em单位是相对于父元素计算的，子元素的1em等于12px，因此10em就相当于120px。

　　(2)使用rem单位，示例代码如下。

html {
 font-size: 14px;
}
div {
 font-size: 12px;
}
div > p {
 width: 10rem;    /* 结果为140px */
 height: 10rem;   /* 结果为140px */
}

　　上述代码中，rem单位是相对于

元素计算的，因此10rem的结果为140px。

　　与em单位相比，rem单位的优势在于，只通过修改

的文字大�。涂梢愿谋湔鲆趁嬷械脑卮笮。褂闷鹄锤臃奖�。


猜你喜欢：

页面怎样排排版更加美观？如何清除浮动标签？

创建超链接的基本语法有哪些？

黑马程序员web前端培训课程 

乐鱼播客web前端培训课程 

0 分享到：
和我们在线交谈！


【网站地图】【sitemap】