카테고리 없음
font 단위 rem, em, px
yunzema
2019. 5. 15. 14:01
반응형
px
- 고정된 절대 값 크기
rem
- 최상위 Element의 font-size를 기준하여 계산되는 크기 단위
- 예 : html Element의 font-size : 16px 이면, 10rem은 160px
em
- 해당 Element의 font-size를 기준하여 계산되는 크기 단위
- 예 : 한 div의 font-zie : 16px 이면, 10em은 160px
- 해당 Element의 font-size를 명시하지 않으면 상위 font-size로부터 영향을 받는다.
참고 : https://webdesign.tutsplus.com/ko/tutorials/comprehensive-guide-when-to-use-em-vs-rem--cms-23984
종합 안내: Rem 그리고 Em, 언제 써야 할까
여러분은 아마 좀 더 유연한 측정 단위의 사용을 고려해 보신 적이 있으셨을 겁니다. 그런데 언제 rem 단위를 쓰고, 또 언제 em을 쓸 것인지 아직 완전하게 이해하지 못하셨다면, 이번에 확실하게 안내해 드리겠습니다! em과 rem 모두 길이가 유연한 가변 단위로서, 디자인에 설정된 폰트 크기에 따라 브라우저에 의해 픽셀값으로 변환됩니다....
webdesign.tutsplus.com