2017-02-03 58 views
-1

我正在設計導航欄,並發現了一些我不太明白的東西。當我使用百分比作爲邊距並且對結果不滿意時,我使用了ems並得到了一個不同的結果。爲什麼會發生?這不是因爲比例更大,我以0.4%的比例嘗試,結果相同。我怎樣才能以百分比獲得相同的結果?使用百分比和ems時的不同結果

代碼EMS:

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

結果:result

代碼百分比:

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

而結果: result

回答

0

這是因爲2em是排序像「的字體大小的2倍的高度」,但2%是窗口的百分比

+0

輕微誤解所以我應該使用EMS時,我給填充或? – HTT

+0

取決於你正在嘗試做什麼。我會使用'em',因爲它會保持一致 –

+0

如何獲得與%相同的結果? – HTT

0

1 em =(字體大小)= 100%

基本上,你就必須的em vs %