CSS에서 노드 js/jade 오류

Question

노드 js를 연구하려고합니다. 템플릿을 노드 js로 변환하고 somme CSS 문제를 보여줍니다. 템플릿에는 width = 30 px 및 padding 3px 및 border radius 50 %의 소셜 미디어 아이콘이 있습니다. 그것은 원래의 테마에서 완벽한 원으로 보여줍니다. 그러나 노드 js 변환 테마에 타원으로 표시됩니다. 여기에 CSS 코드

position: absolute; 
width: 30px; 
padding: 3px; 
border-radius: 50%; 
background: #e1e1e1; 
font-size: 12px; 

내가 9px 할 수있는 패딩을 변경하면 변환 된 테마가 완벽하게 작동합니다. 그러나 나는 이것이 일어나고 있다는 것을 알아야한다. 나는 이것을 구글 크롬에서 테스트했다. 도와주세요.

1 일 원래 테마에서이고, 두 번째는

Answer 1

완벽한 원, 요소의 폭과 높이를 얻을 수있는 노드 변환 테마에서 것은 정확히를해야 같은. 나는 높이를 설정하는 예제 http://jsbin.com/fuxen/1/edit을 만들었습니다 : 높이와 일치시키기 위해 30px로.

또한 text-align : center와 line-height : 30px ("f"를 가운데로 맞추기 위해)를 추가했습니다.