[javascript] JavaScript로 화면 해상도를 감지하는 방법은 무엇입니까?

원래 답변

예.

window.screen.availHeight
window.screen.availWidth

최신 정보2017-11-10

에서 쓰나미 코멘트에 :

모바일 장치, 즉 모바일 장치의 기본 해상도를 얻으려면 장치 픽셀 비율을 곱해야합니다 : window.screen.width * window.devicePixelRatio및 window.screen.height * window.devicePixelRatio. 이것은 또한 비율이 1 인 데스크톱에서도 작동합니다.

그리고 또 다른 대답으로 벤 으로부터 :

바닐라 JavaScript에서는 너비 / 높이를 사용할 수 있습니다.

window.screen.availHeight
window.screen.availWidth

절대 너비 / 높이에는 다음을 사용하십시오.

window.screen.height
window.screen.width

답변

var width = screen.width;
var height = screen.height;

window.screen.availHeight
window.screen.availWidth

window.screen.height
window.screen.width

$(window).width()
$(window).height()

$(window).width()
$(window).height()

function getOrientation(){
    return Math.abs(window.orientation) - 90 == 0 ? "landscape" : "portrait";
};
function getMobileWidth(){
    return getOrientation() == "landscape" ? screen.availHeight : screen.availWidth;
};
function getMobileHeight(){
    return getOrientation() == "landscape" ? screen.availWidth : screen.availHeight;
};