响应式设计中对margin,line-height怎么使用em？

line-height,margin-top如果使用em的话，em的大小根据的是上文的字体的大小 还是上文的line-height的大小决定？

测试： body: line-height:20px; font-size:16px;

     1. header[role='banner'] p: line-height: 1em;  font-size: .9em;
     2. header[role='banner'] p: line-height: 20px;  font-size: .9em;
     3. header[role='banner'] p: line-height: 100%; font-size: .9em;
     4. header[role='banner'] p: line-height: 16px; font-size: .9em;

测试之后，发现 line-height: 1em = line-height: 100% ≠ line-height: 16px ≠ line-height: 20px 行高变化不是很大,但确实不同 这里的 1em , 100% 不是 16px 也不是 20px 是什么情况？

来源：oschina

链接：https://my.oschina.net/u/1376301/blog/192011