브라우저마다 기능중에 폰트사이즈를 크게하거나 작게 하는 기능이 있습니다.

폰트 사이즈를 em이나 퍼센트로 했을경우는 브라우저에서 폰트크기를 조절할때마다 크기가 바뀌게 됩니다.

롱코트님이 운영하고 계신 사이트에서 폰트사이즈를 확인한 결과 body 에 font-size:0.75em; 이렇게 정의가 되어있었습니다. 그래서 이용하시는 회원분들 pc에 브라우저에서 폰트가 작거나 크게 설정되서 폰트사이트가 다르게 보였을 가능성이 큽니다.

어쩌면 브라우저의 좋은 기능이긴 하나 그런걸 감안해서 작업한 사이트가 아니거나, 디자인적으로 사이트가 깨지는 부분을 원치 않을경우는 px 이나 pt 로 폰트사이즈를 주셔야합니다.

(포털들도 px나 pt로 작업을 하죠..)

해결방법으로는 body 정의된 폰트사이즈를 font-size:12px; 로 수정해보시고, 브라우저에서 폰트 크기를 바꿔보세요.. 폰트사이즈가 변하는 부분이 있다면 그부분에 다시 폰트사이즈를 주시면됩니다. ^^

em과 %는 위에 정의한데로 상속을 받게 됩니다.

예를 들어 body 에 1em 이라고 정의를 하고 그안에 있는 컨텐츠의 폰트크기를 0.75em 으로 했을경우 px로 따지면 12px 로 보이게 될겁니다. 반면 body 0.75em으로 하고 그안에 있는 컨텐츠의 폰트크기를 0.75em 으로 하게 되면 body 0.75em 크기에서 또 0.75em에 크기로 보여지게 되는것입니다.

참고 : http://www.webmini.net/15914

간편하게 이용하시려면 ie8이라면 우측 하단에 70% 나 50% 되어있다면 100% 으로 설정해주시면

정상적으로 출력됩니다.

em과 px 차이가 그렇거군요 잘 배우고 갑니다~^^