rem (root em)
- em은 현재 font-size를 정의한다.
- 최상위 태그에서 지정한 font-size를 기준으로 1rem이 설정된다.
- body에서 font-size를 14px로 지정했다면 하위 태그에서 2rem은 28px을 의미한다.
body {
font-size: 14px;
}
div {
font-size: 2rem; /* 28px; */
}
vh & vw (vertical height & vertical width)
- vh, vw 요소는 높이, 너비 값의 100분의 1 단위이다.
- 브라우저의 높이값이 900px 일때 1vh는 9px이다.
- 브라우저의 너비값이 750px 일때 1vw는 7.5px이다.
.slide {
height: 100vh /*브라우저에 꽉 차는 높이값*/
}
vmin & vmax
-
