JavaScript에서 뷰포트 너비가 아닌 사용자의 장치 너비를 어떻게 얻을 수 있습니까?

JavaScript에서 장치 너비 감지

질문:

사용자 장치를 어떻게 얻을 수 있나요? 너비(뷰포트 너비와 별개) JavaScript?

답변:

CSS 미디어 쿼리는 max-device-width 속성을 사용하여 이를 위한 방법을 제공합니다. 그러나 JavaScript 바인딩으로 작업할 때 뷰포트 너비에 액세스하는 것으로 제한되는 경우가 많습니다.

우아한 솔루션:

이 문제를 우아하게 해결하려면 화면을 활용할 수 있습니다. width 속성을 사용하여 장치 화면 너비를 검색합니다. 창 크기가 장치 화면 크기와 다를 수 있는 데스크톱 브라우저를 처리할 때와 같은 일부 경우에는 window.innerWidth를 대신 사용할 수 있습니다.

교차 플랫폼 호환성:

모바일과 데스크톱 브라우저 모두에서 작동하는 포괄적인 솔루션을 얻으려면 다음을 고려하세요. 다음:

var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;

이를 통해 보는 상황에 관계없이 올바른 장치 너비를 얻을 수 있습니다.

위 내용은 JavaScript에서 뷰포트 너비가 아닌 사용자의 장치 너비를 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!