detailry / 직접 만든 화면 예제

화면 높이를 채우기 전에 기준을 고릅니다

532px와 620px는 관계를 설명하기 위한 가정입니다.

작은 가시 영역

도구막대 영역
작은 영역
532px 가정
큰 영역과의 차이

svh의 기준 관계

큰 영역

큰 영역
620px 가정

lvh / vh의 기준 관계

내용이 길어지면

최소 높이를 채우되 콘텐츠가 더 늘어날 길을 둡니다.

min-height: 100svh;
/* 고정 높이에 잘라 넣지 않기 */

키보드·확대·회전은
대상 기기에서 따로 확인

설명용 화면입니다. 실제 상품·고객·분석 계정 자료를 사용하지 않습니다.