728x90 반응형 css vh1 [CSS] 뷰포트(viewport), 뷰포트 단위(vw, vh, vmin, vmax) 1. 뷰포트(Viewport)뷰포트(Viewport)는 사용자에게 보여지는 웹페이지의 영역으로 반응형 웹을 만들 때 고려되는 사항이다. 반응형 웹(Responsive Web)은 모바일, 테블릿, PC 등 다양한 디바이스의 디스플레이에 맞춰 뷰포트가 변하는 웹 사이트를 말하는 것이다. 즉, 화면이 바뀔 때마다 화면에 맞춰 스타일이 바뀌게 되는 웹 형태를 말한다. 2. 뷰포트(Viewport) 세팅- HTML5 부터 태그로 각 디바이스에 따른 뷰포트에 맞춰 렌더링 영역을 설정할 수 있다.content=width=device-width페이지 너비를 해당 디바이스폭의 넓이값을 따르도록 지정(디바이스에 따라 폭의 넓이는 제각각입니다.)initial-scale=1.0처음 페이지 로딩 시 확대/축소가 되지 않은 .. 2024. 5. 23. 이전 1 다음 728x90 반응형