em和rem

作者: YT_Zou | 来源:发表于2017-07-03 17:35 被阅读0次

em 和 rem单位之间的区别是
浏览器根据谁来转化成px值 ,因此理解这种差异是决定何时使用哪个单元的关键。

rem转化为像素大小取决于 html元素的字体大小。 根元素字体大小乘以rem值。
em转化为像素大小使用em单位的元素的字体大小。即em值乘以使用em单位的元素的字体大小。

综上所述:
rem 单位翻译为像素值是由 html元素的字体大小决定的。 此字体大小会被浏览器中字体大小的设置影响,除非显式重写一个具体单位。
em 单位转为像素值,取决于他们使用的字体大小。 此字体大小受从父元素继承过来的字体大小的设置影响,除非显式重写一个具体单位。

原文参考: http://www.w3cplus.com/css/when-to-use-em-vs-rem.html

相关文章

  • Rem布局

    移动web开发之rem布局 rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父...

  • 移动端开发-01

    rem布局 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem...

  • 移动 web 开发 —— rem 布局

    1. rem 基础 rem 单位 rem(root em)是一个相对单位,类似于 em,em 是父元素字体大小。 ...

  • em 和 rem

    em em会按照当前元素的字体大小来确定1em等于多少 如果当前元素的字体大小是16, 那么1em=16px 如果...

  • em和rem

    rem是跟据html元素的字体大小计算 em根据当前字体的大小进行计算 终极案例 经常比较的是em和rem 但是我...

  • em和rem

    em 和 rem单位之间的区别是浏览器根据谁来转化成px值 ,因此理解这种差异是决定何时使用哪个单元的关键。 re...

  • em和rem

    css中单位长度用的最多的就是px,em,rem。其中,px是固定像素。em和rem是相对长度单位,em相对于父元...

  • rem和em的区别

    # 关于rem和em的区别 ### rem > rem:`表示根元素的字体大小`(通常为``) > ##### 下...

  • 移动web五 - Rem布局

    一、rem基础 1. rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同...

  • 移动web开发之rem布局(less基础,rem适配))

    rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。 不同的是re...

网友评论

      本文标题:em和rem

      本文链接:https://www.haomeiwen.com/subject/gerzcxtx.html