rem em1 [CSS] px | em | rem 차이를 알아보자 px | em | rem 차이를 알아보자 px은 고정된 절대값의 단위며, em과 rem환경에 따라 변하는 단위입니다. 고정된 px과 달리, 환경에 따라 변하는 em과 rem의 장점은 무엇이며, 어떤 경우에 각각의 단위를 쓰는 것이 좋은지 알아봅시다. em vs. rem 차이 : 변환되는 기준이 다름 em과 rem은 가변단위로서 브라우저 환경에서 px로 변환됩니다. em은 같은 엘리먼트에서 지정된 font-size를 기준으로 px로 바뀌어 화면에 표시됩니다. 같은 엘리먼트에 설정된 폰트 크기 값이 없을 경우, 상위 요소의 폰트 사이즈가 기준이 됩니다. div { font-size: 10px; } div { font-size : 1em; /*1em 대략 10px*/ } rem은 최상위 엘리먼트에서 지정된 f.. 2021. 6. 28. 이전 1 다음
