使用百分比和ems时的结果不同

Question

我正在设计我的导航栏，我发现了一些我不太了解的东西。当我使用百分比作为边距并且我对结果不满意时，我使用了ems并得到了不同的结果。为什么会这样？这不是因为百分比更大，我尝试了0.4％，同样的结果。如何以百分比获得相同的结果？

使用ems的代码：

.navigation a:hover {
    text-decoration: none;
}
nav{
    padding-top: 1%;
    float: right;
}
.navigation a{
    margin-right: 2em;
    font-size: 1.5em;
}

结果：

包含百分比的代码：

.navigation a:hover {
    text-decoration: none;
}
nav{
    padding-top: 1%;
    float: right;
}
.navigation a{
    margin-right: 2%;
    font-size: 1.5em;
}

结果：

Answer 1

那是因为2em有点像“字体大小高度的2倍”，但是2%是窗口的百分比

Answer 2

1 em =（字体大小）= 100%

基本上，你只是对em vs %

有轻微的误解