폰트사이즈 em으로 했을경우 글자 겹침현상
도래
2023.04.01
안녕하세요
font-size를 em으로 잡을경우
ff에서는확대를해도 겹치는 현상은 없던데 ie에서 보기에 텍스트크기를 가장 크게 했을경우
엄청나게 글씨가 커져버리면서 겹치더라구요
body에
font-size:0.75em으로 잡아놓고
line-height:150%로 잡아놨는데
혹시 이런 현상을 겪으신분 있으신가요;; 말로 잘 설명이안되네요
-
다크
화면 캡쳐를 첨부해주시면 질문 이해가 쉽겠습니다.
body { font-size: 75%; } 로 한번 해보세요.. (body 안 나머지 요소는 em)으로
ie는 body 에 em 단위로 주면 텍스트 크기 확대시 확대 비율이 과도하게 높아집니다.
줄간격은 수다님 글처럼 line-height: 1.5; 으로 하셔야 제대로 계산됩니다. -
해골
line-height:1.5를 주니 해결이 되네요
font-size는 상속문제로 글씨크기가 점점 커지는거 였네요
감사합니다~ -
마중물
font-size와 line-height의 상속으로 발생하는 문제 같네요~
line-height를 150% 대신 normal이나 1.5로 지정해보세요. 단위 없이 숫자로 지정하면 폰트 크기에 맞게 조절됩니다.