브라우저별 테이블 " height " 간단 계산 법

일단 반말 찍찍해서 죄송합니다.
그림으로 이해하실지 모르겠네여~

파이어폭스의 경우 예를들 border:2px 를 주었을 경우 상단과 하단의 보더 값을 합쳐서 계산되구요.
가로사이즈는 익스와 똑같이 사이즈가 지정되네요. 참고하시길..

TIP!!
익스6, 7은 line-height 디폴트 수치가 16px
파이어폭스는 line-height 디폴트 수치가 14px입니다.
따라서 공통선택자에 익스6,7에 적용되는 핵을써서 적용하는 방식인데요 아래와 같이하세요 :)

공통선택자 * 에 #line-height:14px; 속성을 추가!

단점 : em단위와 px단위는 N과 N극이기 때문에 서로 상속을 받지않습니다. 즉 em사이즈를 이용해 줌브라우징을 개선하실 목적이라면 쓰지마세용 :)

댓글 3

  • 뿌우 2026.02.13

    네이버를 다른 브라우저별로 스크린샷을 찍어서 비교해보니 거의 1px 오차가 없더라구요 ㅡㅡ; 오기가 생겨서 저도 시도해봤더니 1px 차이가 큰지 새삼 깨닳게 되었어요. 덕분에 속성과 단위의 원리를 많이 알게되고 css에 한층더 이해하기위에 다가설 수 있었던 것 같아요!ㅋㅋ

  • 푸우 2026.02.13

    클라이언트가 특별한 불만사항 없으면 나는 그냥 알고도 모른척 넘어가는데-_- 후후

  • 소심한녀자 2026.02.13

    이거이거..-ㅂ-ㆀ때문에 무척고생했었는데.;;; 결국 어쩔수없어서 눈속임으로완성했었어요 ;; ㅜㅜ흑

프로그램 개발일반 다른 글

목록