jQuery에서 클릭하여 문서 크기를 변경하는 방법

Question

버튼을 클릭하여 jQuery에서 창/문서 크기를 변경할 수 있습니까? 예를 들어, 다음과 같은 일을하려고합니다.

<button type="button" class="mobile">Mobile size!</button> 

<script> 
$(document).ready(function() { 
$(".mobile").click(function() { 
    $(document).height() = "400px"; 
    $(document).width() = "300px"; 
}); 
}); 
</script> 

Answer 1

첫 번째 대답은 아니지만 실제로는 아닙니다. 특별히 창의 크기를 조정할 원시 메소드가없는 이유가 있습니다. 창의 크기 조정 핸들러를 첨부하고 변경 사항을 감지하고 응답 할 수 있습니다.

왜 실제 창이나 브라우저 크기를 변경 하시겠습니까? 그것은 클라이언트에게 남겨진 결정이며 코드는 브라우저 /보기 장치에 응답해야합니다.

또한 미디어 쿼리를 사용하여 창 크기를 기반으로 모바일 스타일 시트를 렌더링 할 수 있습니다.