em 和 ex

2019独角兽企业重金招聘Python工程师标准>>>

虽然绝对单位的含义不需要什么解释， 但表 2-2中列出的相对单位则需要多花点笔墨
才能讲清楚。
表2-2 相对值及示例
相 对 值  单位缩写  示 例 *
Em  em  height:1.2em
Ex  ex  height:6ex
百分比  %
height:120 %
* 示例值并不是相等的长度。
em 和 ex 都是字体大小的单位，但在 CSS 中，它们作为长度单位适用于任何元素。
先说说 em ， 它表示一种字体中字母 M 的宽度， 因此它的具体大小取决于你使用的字
体。而 ex 呢，等于给定字体中字母 x 的高度（小写字母 x代表一种字体的字母中间
部分的高度，不包括字母上、下突出的部分——如 d和 p上下都出头儿） 。
百分比非常适合设定被包含元素的宽度， 此时的百分比就是相对于宽度而言的。

转载于:https://my.oschina.net/u/1045177/blog/518377