美文网首页
em 与 rem

em 与 rem

作者: jh2k15 | 来源:发表于2018-05-16 17:33 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
/*    html{
      font-size: 20px;
    }*/
/*    body{
      font-size: 20px;
    }*/
    .em{
      background: red;
      width:10em;
      height:10em;
      font-size: 20px;
    }
    .rem{
      background: blue;
      width:10rem;
      height:10rem;
      font-size: 20px;
    }
  </style>
</head>
<body>
    em
    <div class="em">

    </div>
    rem root element
    <div class="rem">

    </div>
</body>
</html>

相关文章

  • 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 是父元素字体大小。 ...

  • rem与em

    rem是相对于根元素的字体大小。eg:根元素的字体大小 16px,10rem 将等同于 160px,即 10 x ...

  • em 与 rem

  • 前端面试题:

    第一题:说一下rem和em的区别:rem与em都是相对单位,我们使用它们的目的就是为了适应各种手机屏幕。 rem是...

  • 移动web五 - Rem布局

    一、rem基础 1. rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同...

  • 移动web开发之rem布局(less基础,rem适配))

    rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。 不同的是re...

  • em与rem区别 em与px转换

    em与rem区别 em与px转换 em与px转换 一般浏览器默认1em=16px,通过设置font-size大小来...

  • CSS

    2.em、rem、vm、vw 分别如何计算尺寸的? em:1em= 默认字体大小的倍数 rem:1rem= 根元素...

网友评论

      本文标题:em 与 rem

      本文链接:https://www.haomeiwen.com/subject/adhmdftx.html