프론트엔드/CSS
12 . CSS / 단위
고구마는호박고구마
2021. 2. 8. 15:00
01. px , %
% ( 부모요소의 영향을 받는다)
02. em, rem
em ( 자기 자신의 폰트사이즈에 영향을 받는다.)
em = 중간 중간 계속 단위가 상속이 되다 보니 중간에 따로 건드리기가 어려움 -> rem
rem = html(root)에 지정된 폰트사이즈 만 받음( 루트에 폰트사이즈만으로만 설정하겠다는 의미 상송안받음)
03. vw, vh
vw ( 뷰포트의 가로사이즈, 100단위 ) 뷰포트 : 화면전체
vh ( 뷰포트의 세로사이즈, 100단위 )
늘어나고 줄어들면 너비가 변경됨
04. vmin, vmax
vmin ( 뷰포트의 최소 너비 ) 짧은 쪽의 너비를 백분율로 계산하여 설정
vmax ( 뷰포트의 최대 너비 ) 긴 쪽의 너비를 백분율로 계산하여 설정