2017-02-03 4 views
-1

내 탐색 막대의 스타일을 지정했는데 이해할 수없는 부분을 발견했습니다. 여백에 백분율을 사용하여 결과에 만족하지 못하면 ems를 사용하고 다른 결과. 왜 그런 일이 일어나는거야? 비율이 더 크기 때문에 아니에요, 나는 0.4 %, 같은 결과로 시도했다. 같은 결과를 얻으려면 어떻게해야합니까? EMS와백분율과 em을 사용하면 결과가 달라집니다.

코드 :

.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

의 약간의 오해가 100%

을 = 그래서 패딩을 줄 때 em을 사용해야합니까? – HTT

+0

당신이하려는 일에 달려 있습니다. 일관성을 유지하기 위해'em'을 사용할 것입니다. –

+0

어떻게 %로 같은 결과를 얻을 수 있습니까? – HTT

0

1 em = (글꼴 크기) 기본적으로, 당신은 단지 em vs %