CSS단위 vm, vh, vmin, vmax, px, em rem)
2020. 9. 7.
CSS단위 정리 (vm, vh, vmin, vmax, px, em, rem) % width : 100%; 와 같이 지정할 경우 부모 요소의 크기에 받아온다. 부모에 margin 이 있다면 상속받는다. 부모의 사이즈가 지정 되어있지 않거나, 컨텐츠가 없다면 %를 지정하여도 화면에 나타나지 않는다. vw(viewport width) 부모의 크기를 고려하지 않고, 사용자의 브라우저 화면의 크기를 기준으로 한다. 화면 넓이의 퍼센트 (1vw : 화면 넓이의 1%, 100vw 는 브라우저 공간 왼쪽에서 오른쪽 끝까지의 공간) vh(viewport height) 부모의 크기를 고려하지 않고, 사용자의 브라우저 화면의 크기를 기준으로 한다. 화면 높이의 퍼센트 (1vh : 화면 넓이의 1%, 100vh 는 브라우저 ..
