상대 단위 상대 단위란 px처럼 고정되지 않고 유동적으로 바뀔 수 있는 길이를 나타내는 단위이다. 상대 단위의 종류에는 em, rem, vh ,vw 등이 대표적인 css의 상대 단위이다. 이전에 블로그 웹 클론코딩할때 이 상대 단위를 사용하지 않고 절대 단위를 사용해서 웹페이지의 크기가 달라지면 내가 처음에 만들었던 모양이 다 깨졌던 경험이 있다. 그래서 3가지 화면 기준을 잡고 화면 크기마다 각각 다르게 px로 설정해줬던 기억이 있다. 한 페이지를 만드는데 3가지 다른 화면을 만들어야해서 완전 하드 코딩했었다. 그 당시 em, rem, vw, vh라는 단위가 있다는건 알았지만 뭔가 어렵게 느껴져서 사용할 엄두도 못 냈었다. (공부를 안 했으면서 핑계는..) 그래서 이번에는 상대단위에 대한 개념을 잡고..