开发者社区> 问答> 正文

css em和百分比的困惑?

a123456678 2016-05-27 15:12:45 707

1.在google上搜了一些关于em的文章,多篇都提到了body的font-size设为62.5%,其它地方用em。但并没有讲为什么这样做。
62.5%和.625em有区别吗?10px和62.5%有区别吗?如果62.5%是为了计算方便,那么有些浏览器可能默认字体大小不是16px,那还方便个毛啊?

2.百分比到底是相对于什么?如下,此时对于text-indent来说,百分比相对于父元素的width;而对于font-size来说,百分比相对于父元素的font-size。WTF?不知道其它情况又是怎样的?

screenshot

前端开发
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:17:58

    因为浏览器默认的字体大小是16px,16px * 62.5% = 10px

    10px就方便于计算大小了,比如说18px就等于1.8em;如果不进行转化的话,就等于18/16 = 1.xxxem

    仅仅是为了方便计算。不过使用em的时候,这些都是相对父元素的。

    0 0

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

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