Language & Framework/HTML CSS
2022. 1. 2.
CSS 반응형 단위의 종류와 사용. %와 vw, em과 rem의 차이점. 핵심만 간단히.
font, padding, margin 등 모든 종류에서 px라는 고정 단위로 값을 통제할 경우 반응형으로 크기 조절이 되지 않는다. 사용자가 어떤 글씨 크기를 원하든 " 응 ~ 난 무조건 24px 할 거야~ 무조건 옆으로 길게 뻗을 거야~ " 이런 식으로 막 나간다 이 말이다. 물론 우리가 신이고 웹 이용자가 창조물 같은 관계라면 우리 마음대로 정해놓고 알아서 쓰라고 해도 되겠지만, 웹 개발자와 사용자는 생산자와 소비자 관계이기 때문에 최대한 소비자 편의에 맞춰 사용할 수 있게 해주어야 한다. 그래서 되도록 px나 pt같은 절대값(absolute)이 아닌 상대값(relative)을 사용하는 것이 좋다. 주로 사용되는 상대값 % (percent) 부모 요소 width값의 n% vw(view width) ..
