글씨 크기 단위 em에 대한 주저리 > 자유게시판

자유게시판

글씨 크기 단위 em에 대한 주저리 정보

글씨 크기 단위 em에 대한 주저리

본문

글씨 크기의 단위를 em으로 갈아타려고 했습니다.
고정값 보다는 상대값으로 해보는 것이 어떨까하는 생각에서였지요.

전체 엘리먼트(*)에 글씨 크기 단위를 em으로 적용했을 때 그 결과는 의도대로 나오지 않습니다.
그 이유는 글씨 크기에 있어 em은 1em을 기준으로 하는 %값과 같기 때문입니다.
0.75em은 75%, 1em은 100%(기준)

그렇다보니, 엘리먼트가 3개 겹쳐있을 때 마지막 엘리먼트에 글씨가 표현되고있다면 그 글씨는 이미
%의 릴레이를 3번 탄 결과값이 나오게 됩니다. 극 소형화가 된다는 이야기이지요.
1em을 포함한 자연수 값은 적용하면 모두 일관되게 나옵니다.

1em을 사이트 글씨 크기로 쓰기에는 너무 크고(익숙하지 못해서 불편해야하는 경우만 없다면 오히려 더 좋지만...)
이 문제를 해결하기 위해선, 글씨 크기 값을 전체로 주는게 아니라 일일히 다 줘야한다는 것입니다.
참 귀찮은 일이죠;;

이상 글씨 크기 단위 바꾸려다 조금 고민에 빠졌던 사람의 글이였습니다.

[추가 내용]
위의 말을 정리하면, 전체(*)로 em이나 %를 주면 100%라는 기준이 계속 작아집니다.
해결 방법은 전체 엘리먼트(*)이 아닌, html 또는 body에 크기를 주면 되는거였네요 ㅎㅎ
추천
0

댓글 3개

최상위 엘리먼트에서 em말고
html {  font-size:100%;  } 나 font-size:70% 처럼 %로 시작해 보세요.
em만 사용할 경우 IE6에서는 다르게 나타나던데요?
*로 했기때문에 100%라는 기준이 자꾸 작아지는 것은 알고있었지만
최상위 엘리먼트(html or body)에 주면 된다는 사실을 생각하지 못했네요;;
감사해요 ^^
글자크기를 small이나 x-small등으로 처리하고 특정 영역에서만 %로 주면 조절가능과 상대적인 크기 모두를 취할 수 있더군요. 근데 IE6를 배척하긴 뭐하지만 퇴출되고 있는 추세이므로 그냥 px값으로 하더라도 접근성을 크게 해치지는 않는다고 생각합니다. 개인적으로요..ㅎ.. 어차피 브라우저선에서 강제 조절을 점점 지원하는 추세이기 때문에..
전체 182 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT