font-size 단위 em > rem 정보
font-size 단위 em > rem본문
emrem
추천
0
0
관련링크
댓글 5개
- html 을 아래와 같이 선언하고,
html {
font-size:0.625%;
} - em, px 등 rem 이외의 단위를 모두 rem 으로 변환합니다.
https://www.toolo.kr/pxtoem/ - 단 외부 라이브러리에 포함된 스타일시트는 다루지 않습니다.
html의 font-size를 0.625%로 설정하는 이유
- 기본 폰트 크기를 16px(브라우저의 기본 폰트 크기) * 62.5% = 10px 로 지정하여 1rem이 10px로 계산되기 때문에 font-size를 직관적으로 정의할 수 있습니다.
- 브라우저 상에서 사용자의 웹 페이지 확대,축소 및 폰트 크기 조절 설정에 따라 font-size가 적절히 조절됩니다.
HTML 요소의 font-sizerem
글자 크기 뿐만 아니라 padding, margin 등에 사용되기도 하는데요.
HTML 요소의
를 변경해버리면 라이브러리에서 16px 기준으로font-size을 사용한 스타일이 너무 큰 영향을 받지 않을까요?rem글자 크기 뿐만 아니라 padding, margin 등에 사용되기도 하는데요.
어떤 라이브러리 말씀이실까요?
@supwayb 죄송합니다. 테마 한정이었군요.
이제보니 공통 스타일이 완전히 제거되어 좋네요.
부트스트랩, tailwind 같은 것을 가리킨 것이었습니다.
테마 한정이니 영향은 없겠습니다.
90레벨 이상 댓글을 남길 수 있습니다.