1.em이란? :
- element의 약자, px, pt와 달리 어떤 기준에 따라서 유동적으로 바뀔 수 있는 길이를 나타내는 상대 단위!
2.사용방법 :
- em, rem 모두 CSS의 font-size 속성값에 따라 결정된다.
예를 들어 font-size가 16px인 경우,
1em = 16px
2em = 32px
3em = 48px
3.em과 rem의 차이점 :
- em은 해당 단위가 사용되고 있는 요소의 font-size
- rem은 root, 즉 최상위 요소 <html>요소의 font-size 속성 값이 기준이 됨.
*참고사이트
'CSS' 카테고리의 다른 글
| jQuery PC 및 Mobile 버전 체크 (0) | 2023.02.12 |
|---|---|
| counter-increment 속성 (0) | 2023.02.12 |
| border-box vs content-box 차이점 (0) | 2023.01.24 |
| vh vw 그리고 %와 차이점 (0) | 2023.01.24 |
| 플렉서블 박스 flexible box 레이아웃 (0) | 2023.01.24 |