브라우저별로 line-height 값이 원래 다른가요??
나샘
안녕하세요~
브라우저별로 line-height 값이 다르게 적용되서.. 불편해 죽겠네요..ㅠㅠ
보통 font-size가 12일 경우
.class {height:12px; padding:5px 10px; font-size:12px;}
이런식으로 줬었거든요...
그런데 그렇게해도 line-height값이 저절도 지정되면서.. 다다르게 보이네요...
네이버나 이런데보면 제대로 나오는거 같은데.... 왜... 저는 그게 제대로 안될까요...?
다들 어떻게 처리하고 계신가요??
-
소예
위아래로 패딩은 주지 않고 12px 글자 기준으로 18px의 줄간격을 줍니다. 그러면 얼추 크로스브라우징이 됩니다.
위로 치우치거나 하는 정도까지는 일어나지 않습니다.
글자크기와 줄간격의 크기를 동일하게 주게되면 하위브라우저에서 글자 좀 짤려보일거에요. -
노을빛
그렇군요..ㅠ ie8, ie9에서 자꾸 위로 치우쳐서..ㅠㅠ 저도.. 설명은 항상 하는데.. 보기가 좋진 않아서.. 핵은 쓰지 않구 있거든요..ㅎㅎㅎ
-
비치나
핵을 쓰지않는이상 모든 브라우저 마추기는 거의 불가능에 가깝지 않나요.. ㅡ.ㅡ; 전 클라이언트 한테 어쩔수없이 차이난다고 항상 말하고 설득시키는데 ㅡㅡ;;;;;
-
오미자
블릿있을때는 어쩔수 없이 핵을 써야겟죠..
버전낮은 ie가 그렇게 생겨먹었으니...어쩔수없죠머..^_^ -
예린
ㅠㅠ 버튼이나 앞에 블릿이 있을경우.. IE는 위로 텍스트가 치우치는 현상때문에.. 보기 안좋아요..
-
가람슬기
브라우저별 값이 조금씩 틀려요 1~2픽셀씩 차이나요
-
수리
1px 이상 차이가 나네요..ㅠㅠ 버튼같은경우 위쪽으로 붙는 현상이...ㅎㄷㄷ
-
부루
지정을 하나 안하나 마찬가지로.. 높이가 다르네요;ㅠㅜ
-
솔로
지정해줘도 1px정도 차이가 있지않나요?
-
호빵녀
line-height 값을 지정해주세요 ^^