关于rem的进一步理解

  • rem是css3新增的相对长度单位,相对于根元素html的font-size计算值得大小。相当于屏幕宽度的百分比
  • IE,Chrome默认根元素的font-size是16px,如果想要设置12px的字体大小就是12px/16px=0.75rem
  • 如果font-size设置为62.5%,则表示默认字体大小从16px修改为10px,即10px/16px=62.5%1rem=10px

    html {
    width: 100%;
    height: 100%;
    font-size:62.5%; // fone-size: 10px;
    }
    body {
    margin-top: 3rem; // margin-top: 30px;
    }

发表评论

表情:
评论列表 (有 0 条评论,56人围观)

还没有评论,来说两句吧...

相关阅读