🎨 요소 크기 값의 단위 ( % / px / em / vw )

CSS의 크기 단위 현실에선 cm, mm, inch 등의 단위도 존재하나, CSS에서 사용하는 대표적인 크기 단위는 px, em, %이다. px은 절대값이고 em, %는 상대값이다. 프로퍼티 값이 0인 경우, 단위를 생략할 수 있다. 대부분 브라우저의 폰트 사이즈 기본값은 16px, 1em, 100% 로 설정되어 있다. px 단위 px은 픽셀(화소) 단위이다. 1px은 화소 1개 크기를 의미한다. 22인치 LCD 모니터의 경우 해상도가 1680 * 1050 인데 이것은 가로에 1680개의 픽셀, 세로에 1050개의 픽셀을 가진다는 의미이다. px은 요소의 크기나 이미지의 크기 지정에 주로 사용된다. 그런데 픽셀은 디바이스 해상도(resolution)에 따라 상대적인 크기를 갖는다. 아래의 1920x108..

인파_

2021.09.29