em和rem

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作者:HelKyle链接:http://www.w3cplus.com/css/when-to-use-em-vs...
    红叶丶秋鸣阅读 3,309评论 0 3
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 简单介绍 单位 在编写网页过程中,需要对元素(标签)进行宽高、颜色。字体等的设置,这些需要使用单位。在CSS中,设...
    立早人青小超人阅读 543评论 0 0
  • 标签(空格分隔): em rem 简单介绍 单位 在编写网页过程中,需要对元素(标签)进行宽高、颜色、字体等的设置...
    言歌不言歌阅读 283评论 0 0
  • 简单介绍 单位 在编写网页的过程中,需要对元素进行宽高、颜色、字体等的设置,这些需要使用单位在css中,设置字体的...
    misterfet阅读 232评论 0 0