[JS] 윈도우 사이즈 표기 (window.screen / window.outer / window.inner / documentElement.clientWidth)

 

 

▷ window.screen

- 모니터의 사이즈, 해상도

- 브라우저 바깥에 있는 영역까지 합함

- 콘솔창에 입력하면 다양한 property 값을 가진 object를 보여줌

 

▷ window.outer (outerWidth, outerHeight)

- 전체적인 브라우저의 사이즈

 

▷ window.inner (innerWidth, innerHeight)

- 페이지가 표기되는 부분 전체

- 스크롤바가 표기되는 것 포함

 

▷ documentElement.clientWidth

- 문서 전체를 의미

- 스크롤바를 제외한 순수 document의 크기

 

// 실사용 예시
documentElement.clientWidth = 
	${document.documentElement.clientWidth}, ${document.documentElement.clientHeight}