뷰포트단위1 뷰포트 단위(vw/vh/dvh)로 반응형 광고 컨테이너 완성하기 미디어 쿼리 없이 반응형 레이아웃을 만들 수 있다면 믿어지십니까? 저도 처음엔 반신반의했습니다. 그런데 광고 컨테이너에 width: 90vw를 입력한 순간, 몇 주 동안 붙잡고 있던 문제가 두 줄로 해결됐습니다. 뷰포트 단위가 단순히 "화면 크기에 맞추는 단위" 정도로 알려져 있지만, 실제로는 광고 렌더링 품질과 모바일 사용자 경험을 직접 좌우하는 핵심 CSS 속성입니다. 그 두 줄이 몇 주짜리 문제를 해결했을 때, 저는 기쁘기보다 허탈했습니다. 더 일찍 알았더라면 하는 생각이 먼저 들었기 때문입니다.vw로 광고 컨테이너 문제 해결하기고정값으로 광고 컨테이너 너비를 설정하던 시절이 있었습니다. 데스크탑에서는 멀쩡해 보였는데, 작은 화면에서 광고가 오른쪽으로 삐져나오거나 가로 스크롤이 생겼습니다. max-.. 2026. 4. 25. 이전 1 다음
