뷰포트를 사용하여 사이트를 고정 된 크기로 유지 하시겠습니까?

Question

고정 된 픽셀 크기의 페이지가 항상 동일한 퍼센트의 높이를 가지길 원합니다.

1500px 높이의 div가 있고 1366x768 화면에서 볼 때, 전체 1500px div는 완전히 가시적이어야합니다.

.fix{ 
 
width:400px; 
 
height:400px; 
 
background-color:green; 
 
margin:0 auto; 
 
}

<div class="fix"></div>

Answer 1

뷰포트로 DIV 상대의 높이를 설정합니다 "VH"단위를 사용할 수 있습니다 : {: 50vh 높이}에 사업부의 높이를 설정합니다

.fix을 뷰포트의 50 %.

또는 px 대신 %를 사용할 수 있습니다.이 경우 body 및 html 높이를 100 %로 설정하십시오.