[Web APIs] Window 사이즈

💡 Window Interface

Window 인터페이스에서 자주 사용하는 화면사이즈 정리

window.screen; // 브라우저를 포함한 모니터 사이즈

window.outerHeight; // 브라우저 창 외곽 높이
window.outerWidth; // 브라우저 창 외곽 너비

window.innerHeight; // 페이지가 표기되는 부분의 높이 (수직 스크롤 포함한 영역)
window.innerWidth; // 페이지가 표기되는 부분의 너비 (수평 스크롤 포함한 영역)

document.documentElement.clientWidth; // 스크롤바 제외한 영역의 높이
document.documentElement.clientHeight; // 스크롤바 제외한 영역의 너비

 

 

참고

https://developer.mozilla.org/en-US/docs/Web/API/Window