반응형

개발 41

반응형 웹디자인, rem 과 em?

반응형 웹디자인, rem 과 em? 1. rem과 em의 공통점? rem과 em은 모두 CCS의 font-size 속성 값에 비례해서 결정되는 상대 단위이다. px은 고정값인데 비해 이는 브라우저에 의해 달리 계산된다. 예를들어 font-size가 20px 이라면 1rem은 20 x 1 px, 0.5rem은 20 x 0.5 px이 된다. 따라서 font-size값에 따라 유동적으로 값을 바꿔주려는 경우 rem이나 em을 사용하면 된다. 2. rem과 em의 차이점? rem과 em 모두 상대단위이지만 어느 font-size를 기준으로 하는지에 따라 차이가 발생한다. rem의 경우 root-em 으로써 최상위 요소의 font-size 즉 태그의 font-size를 기준으로 한다. 반면 em의 경우 em이 쓰..

개발/html, css 2021.05.14
반응형