Rainbow
CSS em, rem 차이 본문
1. em : 부모 사이즈에서 곱한 사이즈
<div>
<p></p>
<div>
div {font-size: 14px}
p {font-size: 1.2em}
일 경우, p의 사이즈는 14*1.2 = 16.8px 이 된다.
2. rem: 부모가 아닌 최상위 태그에서 곱한 사이즈
em을 사용하다보면 점점 사이즈가 커져버려서 제어가 힘든 상황이 온다. 이럴땐 rem을 쓴다. rem은 부모 사이즈에 상관없이 무조건 최상위 태그 사이즈에서 값을 곱한다.
https://bomango.tistory.com/61
css 사이즈 태그 em, rem, vh, vw, vmin, vmax 완벽 정리
css 작성할 때 종종 em rem까지는 작성할 때도 있긴 한데, 보통은 귀찮아서 반응형일 때는 %에 의존하고 그 외에는 그냥 대부분 px처리 해버리곤 한다.. 하지만 폰트나 블록 영역 크기를 조절할 때
bomango.tistory.com
'web > css' 카테고리의 다른 글
| mouseleave mouseenter 차이 (0) | 2021.10.24 |
|---|---|
| white-space 속성값 (0) | 2021.10.24 |
| CSS 사이즈 단위 px, em, rem.. 등 차이 (반응형웹 용이) (0) | 2021.07.15 |
| 서체의 종류와 스타일 (0) | 2021.07.09 |
| CSS 애니메이션 효과 (0) | 2021.02.19 |
'web/css' Related Articles
more
