사용 가능한 브라우저 영역을 계산하는 좋은 방법

브라우저 볼 수있는 영역의 최대 크기를 계산하는 가장 좋은 방법을 찾으려고합니다. 화면 크기가 줄고 툴바, 북마크 등이 줄어든다. 분명히 창문이 최대화되지 않은 경우와 사람들이 실제로 다른 브라우저를 사용한다는 사실 때문에 완벽하지는 않을 것이다. 나는 여기서 좋은 견적을 찾고있다.사용 가능한 브라우저 영역을 계산하는 좋은 방법

목적은 이미지의 최대 크기를 알아내는 것입니다. 당신은 당신이 document.body.offsetWidth 및 document.body.offsetHeight 속성을 시도 할 수 IE의 경우이 코드

<html> 

<body> 
<script type="text/javascript"> 
document.write("<p>Width: " + window.innerWidth + "</p>") 
document.write("<p>Height: " + window.innerHeight + "</p>") 
</script> 
</body> 

</html>

를 사용할 수있는 파이어 폭스에서

출처

2009-05-03 Alex S

약간 혼란 스럽습니다. 목적은 무엇입니까? 페이지를 볼 때 JavaScript를 사용하여 브라우저 크기를 찾거나 디자인에 가장 적합한 크기를 알아 내려고 시도하고 있습니까? –

"도구 모음, 책갈피 등이없는 브라우저에서 볼 수있는 사용 가능한 영역"을 뷰포트라고합니다. :-) 그리고 Samir Talwar가 말한 것. 목적은 무엇입니까? –

목적은 이미지의 최대 크기를 알아내는 것입니다. –

: (이 도움이 될 수 있습니다) 화면 속성을 얻을 여기에 해당 속성을 확인합니다

화면 객체입니다. 그러나 창 크기를 조정하면 변경 될 것이고 원래 레이아웃을 기반으로 할 것입니다. watch for that event 수 있지만 복잡한 일을하는 경우 성능이 저하 될 수 있습니다.

출처

2009-05-03 17:02:34 swilliams

+1 height()와 같은 다른 함수와 함께 매우 유용한 선택자에서 width() 함수를 호출 할 수 있다는 것을 잊지 마십시오. 위의 창처럼 * 크기를 조정할 수 있지만 일반적으로 사용자는 일반적으로 일어날 일을 잘 아는 창 크기를 조정합니다. –

. $(window).width() : 또한 아무것도 jQuery'swidth() 기능을 사용할 수 있습니다 link text

출처

2009-05-03 16:56:44

-1은 크로스 브라우저 솔루션을 제공하지 않기 때문입니다. – KooiInc

... and document.write 사용하기 – KooiInc

뷰어를 결정하는 크로스 브라우저 기능. 브라우저 화면의 폭, 높이, 좌상 및 우상의 위치를 포함한 배열을 돌려줍니다.

function getViewport() { 
     var iWidth,iHeight,iTop,iLeft, 
      w = window, d = document; 
      iWidth = w.innerWidth || d.documentElement.clientWidth 
        || d.body.clientWidth || 0; 
      iHeight = w.innerHeight || d.documentElement.clientHeight 
        || d.body.clientHeight || 0; 
      iTop = w.pageYOffset || d.body.scrollTop 
        || d.documentElement.scrollTop || 0; 
      iLeft = w.pageXOffset || d.body.scrollLeft 
        || d.documentElement.scrollLeft || 0; 
      return [iWidth,iHeight,iLeft,iTop]; 
}

출처

2009-05-03 20:02:08 KooiInc

사용 가능한 브라우저 영역을 계산하는 좋은 방법

답변

관련 문제