s

font-size 단위 em > rem

· 1년 전 · 345 · 5
`em` 은 계산하기 어렵습니다.
기본 테마에서 `rem` 을 사용합니다.
|

댓글 5개

1년 전
1. html 을 아래와 같이 선언하고,
```
html {
font-size:0.625%;
}
```
2. em, px 등 rem 이외의 단위를 모두 rem 으로 변환합니다.
https://www.toolo.kr/pxtoem/
3. 단 외부 라이브러리에 포함된 스타일시트는 다루지 않습니다.
1년 전
html의 font-size를 0.625%로 설정하는 이유
1. 기본 폰트 크기를 16px(브라우저의 기본 폰트 크기) * 62.5% = 10px 로 지정하여 1rem이 10px로 계산되기 때문에 font-size를 직관적으로 정의할 수 있습니다.
2. 브라우저 상에서 사용자의 웹 페이지 확대,축소 및 폰트 크기 조절 설정에 따라 font-size가 적절히 조절됩니다.
1년 전
HTML 요소의 `font-size`를 변경해버리면 라이브러리에서 16px 기준으로 `rem`을 사용한 스타일이 너무 큰 영향을 받지 않을까요?

글자 크기 뿐만 아니라 padding, margin 등에 사용되기도 하는데요.
1년 전
> HTML 요소의 `font-size`를 변경해버리면 라이브러리에서 16px 기준으로 `rem`을 사용한 스타일이 너무 큰 영향을 받지 않을까요?
>
> 글자 크기 뿐만 아니라 padding, margin 등에 사용되기도 하는데요.

어떤 라이브러리 말씀이실까요?
1년 전
@supwayb 죄송합니다. 테마 한정이었군요.
이제보니 공통 스타일이 완전히 제거되어 좋네요.

부트스트랩, tailwind 같은 것을 가리킨 것이었습니다.
테마 한정이니 영향은 없겠습니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고