테스트 사이트 - 개발 중인 베타 버전입니다

font-size 단위 em > rem

· 1년 전 · 286 · 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 같은 것을 가리킨 것이었습니다.
테마 한정이니 영향은 없겠습니다.

게시글 목록

번호 제목
75
74
71
70
63
61
60
59
47
45
44
43
42
41
40
39
38
37
36
35