길이 "단위"에 대하여

 

본 글은 MDN의 자료를 보고 스터디하며 작성했습니다. 

 

 

지난 글에서 상대 길이 단위인 em, rem에 대해 알아봤는데, 이번 글에서는 길이 단위들을 간략히 정리한다.

em, rem : 유연하게 반응하는 상대적인 길이 단위

 

 

 

절대 길이 단위는 그 어떤 것(환경이나 요소)에도 영향을 받지 않고 항상 동일하게 그대로 유지된다. 

css에서 px을 사용하는데 px를 제외한 나머지 단위들은 보통 인쇄에서 유용하게 사용된다.

 

반면에 상대 길위 단위는 root 요소의 폰트 크기나 viewport(사용자에게 보여지는 웹 페이지 영역)에 영향을 받는다.

상대 길위 단위를 사용하면 텍스트나 레이아웃 요소의 크기가 웹 페이지 내의 모든 것이 비례하여 적용되기 때문에 신중하게 계획한다면, 웹 개발에 편리하고 유용하게 사용할 수 있다.

 

 

 

절대 길이 단위

출처 MDN

 

상대 길이 단위

출처 MDN