em과rem차이

CSS 단위 em 과 rem 정리

절대적인 속성에 사용하는 단위에는 px를 사용하고 상대적인 속성에는 %, v*(뷰포트), em, rem을 사용합니다. 단위를 사용하는 기준 첫 번째로 나누는 기준은 부모 요소의 사이즈에 따라서 사이즈가 변경이 돼야 한다면 -> %, em 을 사용합니다. 부모 요소와는 상관없이 브라우저 사이즈에 대해서 반응해야 한다면 -> v*(뷰포트), rem을 사용합니다. 두 번째로 나누는 기준은 요소의 너비와 높이에 따라서 사이즈가 변경되어야 한다면 -> %, v*(뷰포트) 를 사용합니다. font 사이즈에 따라서 사이즈가 변경되어야 한다면 -> em, rem을 사용합니다. rem rem을 사용해서 스타일을 적용하게 되면 root 요소 (html)의 font size에 따라서 크기가 결정되기 때문에 페이지 내에 어느..