line-height 의 미스테리

IE 익스플로러에서 해더의 폰트 사이즈를 너무 크게하면 글자의 위 아래가 잘려 보이는 경우가 있다. line-height이 폰트 사이즈보다 작게 지정되어 있는 경우다.

line-height: 을 사용하여 잡아주면 문제없다. px보다는 단순 자연수를 사용하자. 나중에 폰트 크기를 조절할때 line-height은 신경쓰지 않아도 된다.

font-size: 40px; line-height:1;

line-height 은 40px이다.

폰트단위를 em 으로 사용때에도 같은 em으로 line-height을 잡아주기보다는 단위를 지정하지 않는것도 좋은 팁이다.

p.s. Ecto 에서 포스팅