브라우저 뷰포트 크기를 얻는 방법

Question

방문자들이 고품질 이미지를 볼 수 있도록 하고 싶습니다. 창 크기를 감지할 수 있는 방법이 있습니까?

아니면 JavaScript를 사용하는 브라우저의 표시 영역 크기가 더 좋나요? 여기에서 녹색 부분을 확인하세요.

Answer 1

jQuery 차원 함수

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

Answer 2

크로스 브라우저 @media（宽度）< /code> 和 @media（高度） 값

으아악

window.innerWidthwindow.innerWidth 和 window.innerHeight 및 < code>window.innerHeight

• 스크롤바가 포함된 CSS 뷰포트 @media（宽度）< /code> 和 @media (height)를 가져옵니다
• 초기 확장 및 확장변경 사항 initial-scale 和缩放变化可能会导致移动错误缩小到 PPK 所谓的视觉视口的值并且小于@media으로 인해 이동
버그
• 규모 축소가 발생할 수 있습니다. PPK의 소위 visual viewport
값이며 @media보다 작습니다. 가치
• 在 IE8 中未定义기본 반올림으로 인해 크기를 조정하면 값이 1픽셀씩 줄어들 수 있습니다

- document.documentElement .clientWidth 和 .clientHeight

document.documentElement .clientWidth
• 및 .clientHeight
CSS 뷰포트 너비와 동일
• 빼기 스크롤바 너비 @media（宽度）和@media（高度）
스크롤바가 없을 때
• 일치합니다. jQuery(window).width()Same jQuery
Call
• 브라우저 뷰포트
크로스 브라우저 사용 가능
문서 유형이 누락된 경우 정확하지 않습니다

---

리소스
다양한 차원의 실시간 출력
• verge
• 크로스 브라우저 뷰포트 기술 사용 actualmatchMedia
모든 단위의 정확한 치수를 얻으려면

를 사용하세요🎜 🎜