到底 em 和 rem 是什么玩意儿

前段时间面试了一个前端工程师,侃侃而谈利用 rem 来做手机屏幕适配,我问他,rem 具体是什么单位呢?它本身是用来干嘛的?跟 em 有什么关系吗?这位哥们儿眼睛一歪,想了一会儿,摇摇头…… 我笑着跟他说,没关系,其实心里在想,这都不知道,还手机适配呢 =。=

不过,我也突然意识到,自己其实也好不到哪里去,因为我居然从来没有想过,em 这两个字母,到底是什么的缩写,为什么要叫 em 呢?

谷歌了一下,这里面还是有历史的,原来 em 根本就是不是什么缩写,em 只是 M 的读音而已……读音而已……而已……事情是这样的,在很久以前,只有打字机的时候,大写的 M 的宽度就是用来表示一个字的宽度的,当然回到现代,回到 CSS,一个 em 已经不一定是一个 M 的大小了(看字体),只不过这个习惯还是保留下来了。

惊不惊喜?意不意外?

至于 rem,就好理解多了:r = root 也就是根的 em,也就是 html 的 em。有了它,就不用担心 em 的大小老是变来变去了。好,就酱。

wx pay

CC BY-NC-ND 4.0 到底 em 和 rem 是什么玩意儿 by Chrisyue's Blog is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

发表评论

电子邮件地址不会被公开。