[반응형 웹을 위한 첫걸음] css 단위 정리 px, rem, em, vh, vw, vmin, vmax | 요소 별 단위 지침

px, pt 창이 바뀌어도 크기가 변하지 않는 고정단위인 애들로는 px, pt, cm, mm, in 등이 있다. 나는 반응형 웹 제작에 필요한 상대단위들을 공부할 것이기 때문에 얘네는 간단히 알고만 갈 것이다! px : 가장 기본적으로 사용되는 단위. 고정단위로, 창의 크기를 변경해도 변하지 않는다. pt : 1px = 0.75pt %, rem, em % : 부모 요소를 기준으로 비율을 표현한다. body { font-size: 14px; } div { font-size: 120%; /* 14px * 1.2 = 16.8px */ padding: 2em; /* 16.8px * 2 = 33.6px */ } Rem (root Em) 최상위 요소인 를 기준으로 해당 요소의 크기를 정함. html { font-s..
프로그래밍/CSS 2021. 9. 7. 12:18
1