开发者社区> 问答> 正文

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

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

展开
收起
爵霸 2016-06-17 10:56:38 2005 0
1 条回答
写回答
取消 提交回答
  • 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 */
    }
    2019-07-17 19:42:11
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载