동적으로 브라우저 높이와 너비를 얻을 수 있습니까?

미디어 쿼리에 의존하지 않는 대화방을 만들려고합니다. 그것은 수학적으로 chatbox 내용의 크기를 설정합니다.동적으로 브라우저 높이와 너비를 얻을 수 있습니까?

나는 $(window).height()/$(window).width()으로 실험하고 있었지만 브라우저 창 전체를 다루지는 않았습니다. 나는이 모든 것을 CSS/미디어 쿼리없이 자바 스크립트/jquery에서 수행하고자했습니다.

출처

2017-12-24 mICHAEL

더 잘 도와 드리도록 코드를 게시하십시오. – Ivan86

다음 <!DOCTYPE html>는 HTML 파일의 첫 번째 행되지 않을 수도 있습니다처럼 당신이 구조적 문제가 전체 브라우저 창 크기를 반환하지 않습니다

출처

2017-12-24 02:51:58 Momin

window.innerWidth 및 window.innerHeight은 라이브러리가없는 기본 JavaScript에서이 답을 줄 것입니다.

특정 HTML 요소의 크기를 보려면 대신 offsetWidth 및 offsetHeight을 사용할 수 있습니다. 예 :

코드를 보지 않고 무엇을하고 있는지 정확히 알 수는 없지만 위에서 설명한대로 높이를 너비로 나눈 경우 비율 만 표시되므로 예상 결과가 표시되지 않습니다. $(window).height() 만약

출처

2017-12-24 02:36:40

는 시도이 코드

(function() { 
 
    window.onresize = displayWindowSize; 
 
    window.onload = displayWindowSize; 
 

 
    function displayWindowSize() { 
 
    myWidth = window.innerWidth; 
 
    myHeight = window.innerHeight; 
 
    // your size calculation code here 
 
    document.getElementById("screen").innerHTML = myWidth + "x" + myHeight; 
 
    }; 
 

 

 
})();

<div id="screen"></div>

을 등

출처

2017-12-24 02:46:40 Ivan86

동적으로 브라우저 높이와 너비를 얻을 수 있습니까?

답변

관련 문제