em/rem

[happypeter]

单位好多，但是每种单位都有它要解决的问题。一般的学习思路是这样，就直接用 px 和 百分比 长度，这两个是最好理解了。当真正自己的代码遇到了新的挑战，再去看看 em 或者其他单位能否解决，这个时候往往会茅塞顿开。 happypeter 说说 em ，总体来说四个字“妙不可言”。 23:04

happypeter 如果当前字体是 16px 大小，那么 1em 就是 16px，如果当前字体大小是 20px ，那么 1em 就是 20px 。所以基本使用时非常简单的。也就是可以直接取代通常使用 px 做单位的场合。只不过，脑子里面的思维方式由原来的：嗯，我这个盒子要 32 个像素高，改为：嗯，我这个盒子要两个当前字体那么高。所以其实使用 em 是比使用 px 更加直观和人性化得。 happypeter 但是 em 能达成的各种奇妙的效果是 px 没有办法达到的。参考：https://css-tricks.com/why-ems/

[happypeter]

Simurai - Styling with Strings

https://www.youtube.com/watch?v=jPOBVaomzLE&utm_source=designernews