微信号:w3ctrain

介绍:w3ctrain官方公众号,定期推送前端资讯.

综合指南:何时使用 Em 与 Rem

2015-07-25 00:28 Helkyle

简要概括我们要介绍的内容:


  • rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。

  • em 单位基于使用他们的元素的字体大小(而不是父元素)。

  • rem 单位基于 html 元素的字体大小。

  • em 单位可能受任何继承的父元素字体大小影响

  • rem 单位可以从浏览器字体设置中继承字体大小。

  • 使用 em 单位应根据组件的字体大小而不是根元素的字体大小。

  • 在不需要使用em单位,并且需要根据浏览器的字体大小设置缩放的情况下使用rem。

  • 使用rem单位,除非你确定你需要 em 单位,包括对字体大小。

  • 媒体查询中使用 rem 单位

  • 不要在多列布局中使用 em 或 rem -改用 %。

  • 不要使用 em 或 rem,如果缩放会不可避免地导致要打破布局元素。


详情查看原文链接

 
w3ctrain 更多文章 使用JavaScript修改伪类样式的方法总结 使用data URIs IT圈装逼速成指南 轮播无缝循环思路 12个鲜为人知的CSS技能(上)
猜您喜欢 静态代码扫描在 360 无线项目中的实践 用Golang写一个搜索引擎(0x07) 什么是 Lost RAM 在学习用PHP做网站之前 吉林说R图系列|第一篇:如何绘制各类图形