단위 em, rem, vw, vh, vmin, vmax
2022. 1. 12. 12:08ㆍStudy/Publishing
CSS3 에서 새롭게 추가 된 단위
vw, vh 등을 이용하여 좀 더 쉽게 반응형 사이트를 만들 수 있다.
| 단위 | 설명 |
| em | 부모의 font-size를 상속받음 |
| rem | html의 font-size를 상속받음 |
| vw | 브라우저 너비의 %, 1vw = 1% |
| vh | 브라우저 높이의 %, 1vh = 1% |
| vmin | 브라우저 너비와 높이 중 작은쪽의 % |
| vmax | 브라우저 너비와 높이 중 큰쪽의 % |
'Study > Publishing' 카테고리의 다른 글
| 세로쓰기 모드 writing-mode, 글자 타이핑 효과 (0) | 2022.03.18 |
|---|---|
| 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 |
