s

font-size 단위 em > rem

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

댓글 5개

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

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

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

부트스트랩, tailwind 같은 것을 가리킨 것이었습니다.
테마 한정이니 영향은 없겠습니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드6 이슈

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+
제목 글쓴이 날짜 조회
2년 전 조회 427
2년 전 조회 332
2년 전 조회 343
2년 전 조회 366
2년 전 조회 377
2년 전 조회 262
2년 전 조회 698
2년 전 조회 464
2년 전 조회 358
2년 전 조회 431
2년 전 조회 306
2년 전 조회 329
2년 전 조회 355
2년 전 조회 397
2년 전 조회 322
2년 전 조회 341
2년 전 조회 296
2년 전 조회 286
2년 전 조회 386
2년 전 조회 471