📐Window Size

 

1. 윈도우 사이즈

- window.screen : 모니터 / 스크린 사이즈 

- window.outer :  브라우저의 전체 사이즈 

- window.inner :  스크롤까지 합한 웹페이지 전체 사이즈 (url와 tab사이즈는 제외)

- document.Element.ClientWidth/Height : 웹페이지 문서 자체를 의미하며, 전체적인 페이지이나 스크롤바가 있으면, 스크롤바를 제외한 오로지 웹페이지 문서만을 포함한 영역 사이즈를 말한다

 

2. 브라우저 좌표

📌 client x, y  VS  page x, y 

 

- client x, y 

: 브라우저 window에 있는 좌표값에서 값이 결정된다. 즉, 브라우저 사이즈 기준으로 좌표값이 생성된다. 

 

- page x, y 

: 웹문서 제일 상단부터 계산된다.

 

 

 

.