브라우저의 각종 크기

scrollWidth,scrollHeight 는 창의 크기가 아니라 문서의 크기입니다.
브라우저의 "보이는 영역" 과 "보이지 않는 영역"(스크롤해야 볼 수 있는) 을 합한 것으로
스크롤바를 움직여 볼 수 있는 모든 영역의 크기입니다.

"보이는 영역" 만 구하려면 clientWidth,clientHeight 를 사용합니다.
이들은 padding은 포함하고, margin, border, scrollbar는 포함하지 않는 크기입니다.

offsetWidth, offsetHeight 는 padding, border, scrollbar 를 포함한 크기죠

이들의 대소 관계는 이렇게 됩니다
offsetWidth >= clientWidth
scrollWidth >= clientWidth
offsetWidth >=< scrollWidth

[ test it ! ]
<div style='width:150%;height:150%;'>
<span onClick="window.resizeTo(500,500)">resizeTo(500,500)</a>
<span onClick="alert(document.body.clientWidth)">clientWidth</a>
<span onClick="alert(document.body.offsetWidth)">offsetWidth</a>
<span onClick="alert(document.body.scrollWidth)">scrollWidth</a>
</div>


모바일웹에서의 HTML5의 기능: http://blog.daum.net/kkjjww1027/750