윈도우 크기 구하기(window)

 

윈도우(웹 브라우저 창) 크기를 구하기 전에 아래 이미지를 먼저 확인해 보자

 

이미지 처럼 윈도우 크기는 기본크기에 메뉴바 + 툴바 + 스크롤바가 포함되는지 여부에 따라서 다양하다.

 

기본 크기 구하기

window.innerWidth
window.innerHeight

웹브라우저 창의 메뉴바와 툴바 스크롤바 등이 포함되지 않은 윈도우 내부영역 크기

 

 

기본 크기 + 메뉴바 + 툴바 영역이 포함된 크기

$(window).width()
$(window).height()

 

기본크기 + 메뉴바 + 툴바 + 스크롤바 영역이 포함된 크기

window.outerWidth
window.outerHeight

 

 

이미지 출처 : https://plantpot.works/4173