s

font-size 단위 em > rem

· 2024-01-23 (화) 17:54:11 · 629 · 5
`em` 은 계산하기 어렵습니다.
기본 테마에서 `rem` 을 사용합니다.
|

댓글 5개

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

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

어떤 라이브러리 말씀이실까요?
2024-01-26 (금) 17:03:48
@supwayb 죄송합니다. 테마 한정이었군요.
이제보니 공통 스타일이 완전히 제거되어 좋네요.

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

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

+
제목 글쓴이 날짜 조회
24-01-25 조회 549
24-01-25 조회 581
24-01-24 조회 478
24-01-24 조회 902
24-01-24 조회 671
24-01-23 조회 563
24-01-23 조회 630
24-01-23 조회 524
24-01-23 조회 534
24-01-22 조회 587
24-01-22 조회 632
24-01-22 조회 562
24-01-22 조회 593
24-01-22 조회 494
24-01-21 조회 535
24-01-19 조회 603
24-01-18 조회 762
24-01-18 조회 761
sseiblog-nand...
24-01-17 조회 477
sseiblog-nand...
24-01-16 조회 454