1. 犀牛前端部落首页
  2. Html5百科

px、em、rem比较

新手朋友经常会对单位感到疑惑,今天俺跟大家总结总结三种常见的尺寸单位,px、em、rem,注意本篇文章不包括vw、vh、百分比。

  • px: 绝对固定的值,无论页面放大或者缩小都不会改变。
  • em: 相对父元素字体大小的倍数。如果父元素的字体为 12px,那么子元素 1em 就是 24px。由于是相对父级的倍数,所以多层嵌套时,倍数关系的计算会很头痛。
  • rem: 相对根元素字体大小的倍数。相对于 html 的字体大小,如果不做任何修改,浏览器默认字体大小为 16px。

小技巧

如果为了方便计算 rem,可以设置 font-size= 62.5% 这样一来默认的字体就变成 10px 了。之后的 rem 就是以 10 为基准了。

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2681.html

发表评论

登录后才能评论