以前一直对em心存疑虑，今天终于了解它的作用了。
CSS的单位分绝对和相对两种，比如设置width: 100px，就是绝对值，如果设置成width: 100%，就会相对父元素的大小进行调整。
em是一种相对单位，它相对于父元素的文本字体大小，来看一个例子：
body {
font-size: 100%;
}
h1 {
font-size: 1.5em;
}
这段CSS表示页面使用字体的默认大小，即16px。h1的大小是默认大小的1.5倍，即24px（16 * 1.5 = 24）
http://www.impressivewebs.com/understanding-em-units-css/