em/rem

作者: 隐号骑士 | 来源:发表于2021-06-10 23:41 被阅读0次

Rem布局
移动端开发-01
移动 web 开发 —— rem 布局
移动web五 - Rem布局
移动web开发之rem布局(less基础，rem适配))
CSS
移动端rem适配布局总结
px、em、rem的区别
rem 详细介绍及使用（一）
rem布局

两者都是相对单位
为什么是m？
因为字母m是字母中最方正的...

em

相对于父元素的font-size

<div>
  <p></p>
</div>

div {
  font-size: 40px;
  width: 10em; /* 400px */
}
p {
  font-size: 0.5em;/* 20px */
  width: 20em; /* 10em表示和font-size同等大小,以此乘除表示放大或缩小几倍 */
  height: 10em;
  background-color: blueviolet;
}

rem

Root em
相对于根元素的font-size

    html {
        font-size: 10px;
        }
    div {
        font-size: 4rem; /* 10px为1rem */
        width: 40rem;  /* 10px为1rem */
    }

Rem布局
移动web开发之rem布局 rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父...
移动端开发-01
rem布局 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem...
移动 web 开发 —— rem 布局
1. rem 基础 rem 单位 rem（root em）是一个相对单位，类似于 em，em 是父元素字体大小。 ...
移动web五 - Rem布局
一、rem基础 1. rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同...
移动web开发之rem布局(less基础，rem适配))
rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是re...
CSS
2.em、rem、vm、vw 分别如何计算尺寸的？ em：1em= 默认字体大小的倍数 rem：1rem= 根元素...
移动端rem适配布局总结
1.rem基础 rem 是单位 rem（root em）是一个相对单位，类似于em，em是父元素字体大小不同的是...
px、em、rem的区别
PX em rem
rem 详细介绍及使用（一）
什么是rem? rem（root em）是一个相对单位，类似em单位。什么是em em 是相对于父元素字体大小...
rem布局
rem单位 rem(root em)相对单位，类似于em，em是父元素字体大小可以得到以下的结果：不同的是re...