코드가 처음인 사람을 위한 Modern HTML CSS
/
CSS Basics
/
CSS Graphics - Responsive Units (% / vw / vh)

CSS Graphics - Responsive Units (% / vw / vh)

반응형 단위를 이용하면, 파편화 되어 있는 디바이스나 브라우저 사이즈에 효과적으로 대응 할 수 있습니다

Concept

31 min follow •

featured-image-of-CSS Graphics - Responsive Units (% / vw / vh)

Section 1

width 와 % 단위

width 와 % 단위

width 에서 % 단위는 브라우저 전체 가로길이 또는 parent 블럭을 기준으로 하여 width 의 크기를 특정 비율만큼 지정 해 줍니다



기준이 되는 블럭에 주의하여 % 단위를 width 의 값으로 활용 해 봅니다

Loading Summary...
이 튜토리얼을 계속 읽으시려면, 로그인 or 회원가입 해주세요
© 2025 Harbor School - Proudly built with Lighthouse Design System
© 2025 Harbor School - Proudly built with Lighthouse Design System