gildong's Web doodles

웹표준을 준수하기 위해 CSS 를 공부 중이다.
이전까지는 아주 단순히 화면에 나타나는 위주로만 구성하다가 이제 웹표준에 맞춰 정식으로 적용해보려 한다.

그중 가장 사용빈도가 많은 태그인 DIV 를 사용해보면서 크기 단위의 차이점을 테스트 해봤다.

테스트 대상

px
em

이를 잠시 정리해보려 했는데 후니님 블로그에 이미 정리를 해놓으셔서 링크를 건다.

후니님은 폰트에 촛점을 맞추어 설명하셨으나 여기선 div 의 크기에 촛점을 맞춰서 테스트를 해봤다.

결과, px는 고정값이므로 해당 영역은 브라우저의 텍스트크기 조절에 영향을 받지 않지만
em은 영향을 받는다. 즉, 같은 비율로 커지거나 작아진다.

웹표준 관점에서 시각지체자의 경우 큰 글자로 조절해서 보게 되는데 이때 적절한 단위는 em 이 될 것 같다.

후니님도 현재 em이 대세라는 얘기를 했으니 대세에 따라야 겠지? ㅎㅎㅎ