[CSS] width/height 단위

%

부모의 크기를 100%로 잡고 값을 할당한다.

 

px

각 디바이스마다 해상도가 다른 것을 고려해야 한다.

 

vw, vh

사용자 화면의 크기를 파악하여 100으로 나누게 된다.

vw는 사용자 디스플레이스의 넓이를 100으로 한 값이며, vh는 사용자 디스플레이스의 높이를 100으로 한 값이다.

 

em, rem

폰트 사이즈 크기를 1로 기준하여 사용하는 크기이다.

em은 부모의 폰트 사이즈를 기준으로 하고, rem은 html 최상위 요소의 폰트 사이즈를 기준으로 한다.