윈도우 크기 구하기(window)

728x90

SMALL

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

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

기본 크기 구하기

window.innerWidth
window.innerHeight

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

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

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

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

window.outerWidth
window.outerHeight

728x90

LIST

윈도우 리사이즈 이벤트 처리 resize (0)	2023.04.16
윈도우 크기 설정하기(resizeTo) (0)	2023.04.15
윈도우 크기 변경 (resize) 될 때마다 크기 정보 가져오기 (0)	2023.04.12
$(window).width(), $(document).width() 차이 (0)	2023.04.10
[jQuery] 크기 구하기, 변경하기(width(), innerWidth(), outerWidth(), outerWidth(true)) (0)	2023.04.09

mooyou