단위 em, rem, vw, vh, vmin, vmax
2022. 1. 12. 12:08ㆍSTUDY/StyleSheet
CSS3 에서 새롭게 추가 된 단위
vw, vh 등을 이용하여 좀 더 쉽게 반응형 사이트를 만들 수 있다.
| 단위 | 설명 |
| em | 부모의 font-size를 상속받음 |
| rem | html의 font-size를 상속받음 |
| vw | 브라우저 너비의 %, 1vw = 1% |
| vh | 브라우저 높이의 %, 1vh = 1% |
| vmin | 브라우저 너비와 높이 중 작은쪽의 % |
| vmax | 브라우저 너비와 높이 중 큰쪽의 % |
'STUDY > StyleSheet' 카테고리의 다른 글
| 폰트를 한글과 영어,숫자 따로 적용하기 (feat. unicode-range) (1) | 2022.05.04 |
|---|---|
| CSS 전처리기 SASS SCSS (0) | 2022.01.24 |
| CSS3 grid (0) | 2022.01.11 |
| CSS3 filter (0) | 2022.01.07 |
| CSS3 mix-blend-mode (0) | 2022.01.07 |
