響應式設計中對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 是什麼狀況？