开发者社区> 问答> 正文

关于移动端 em 尺寸单位自适应的问题!

爵霸 2016-06-17 10:56:38 845

我知道rem做自适应布局是用js动态获取设备宽度,然后修改html字体尺寸,从而让使用rem单位的元素自动缩放,那em单位是如何做到自适应呢?

JavaScript
分享到
取消 提交回答
全部回答(1)
  • 爵霸
    2019-07-17 19:42:11

    em准确的说是相对于父节点的字号来计算的,如果自身定义了字号那么就相对自身字号来计算

    html { font-size: 100%; }
    .box-0 {
        height: 1em; /* 此时height等于16px */
    }
    .box-1 { 
        font-size: 0.625em; /* 此时基准字号以变更为16*0.625=10px */ 
        height: 1em; /* 此时实际height等于10px */
    }
    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程