前文中，介绍了rem，本文介绍和rem类似的另一种单位em;
em也是一种相对单位，是相对于父元素（html）的字体大小的单位；
rem是相对根元素字体大小的单位；
3em = 3 * 父元素.fontSize;
<div id="app">
<div class="content">aaaa</div>
</div>
.content {
width: 50%;
height: 3em;
background-color: red;
text-align: center;
color: white;
}
#app {
font-size: 32px;
}
结果
content中的3em，通过计算，显示为96px
前文中，介绍了rem[https://www.jianshu.com/p/8c27197c9ec7]，本文介绍和r...
《冰雪奇缘二》影评[em]e294[/em][em]e294[/em][em]e294[/em]我对获得奥斯卡奖的...
textarea高度自适应自动增高撑开-前端开发博客 做个记录.....
REM（手机端自适应方案） 热热身 px 像素rem (root-em) 也就是根元素HTML的font-size...
问题 em、rem、vw 这些 CSS 单位真心好用，然而使用 echarts 的自适应却比较原始，字体大小是不会...
前端开发中的长度单位经常有： px 像素 em 一个‘M'的宽度/一个汉字的宽度 rem "root em"，意思...
参照 移动前端自适应适配布局解决方案和比较纯css3使用vw和vh实现自适应的方法
前端想实现随着网页的大小，网页中的元素也会动态的改变大小。可以通过rem或者em来实现。 由于px是像素值，可以理...
简单事情简单做-宽度自适应 所谓宽度自适应严格来说是一种PC端的自适应布局方式在移动端的延伸。在处理PC端的前端界...
css单位：％，ｐｘ，ｅｍ，ｒｅｍ，ｖｗ，ｖｈ等 ｅｇ：设置一个矩形的宽高比为１６:９，并且岁屏幕宽度自适应时，除...
本文标题：前端自适应（二）em
本文链接：https://www.haomeiwen.com/subject/ixajzrtx.html
网友评论