Chrome 브라우저에서 javascript를 사용하여 screen.width를 확인하면 1920이보고됩니다. 이는 예상 한 것입니다. Chrome 창을 내 화면의 전체 너비로 드래그하여 $ (창) .width()를 확인하면 2133을 얻게됩니까 ??? 브라우저가 자체 유닛을 사용합니까?창 크기가 화면 크기보다 큽니까?
일부 HTML/CSS 레이아웃을 사용하여 다른 화면 해상도와 브라우저 창 크기에서 일관되게 표시하려고하지만 몇 가지 문제가있어이 문제를 더 잘 이해하려고합니다. window.devicePixelRatio를 들어
screen.width()
$(window).width()
, 내가 얻을 : 올바른 행동이다 0.8999999761581421
여기에 요청에 의해
은 (자바 스크립트 콘솔) 코드입니다. 창 개체는 브라우저에서 열린 창을 나타내며 화면/모니터는 표시하지 않습니다. 다음은 문서 객체 모달 (DOM)의 윈도우 객체에 대한 자세한 내용은 다음과 같습니다 특히 https://developer.mozilla.org/en-US/docs/Web/API/Window
는이 문제가 우려되는 window.devicePixelRatio, @의 gus27 지적과 같이
https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio
@NikhilDevre 외에도 데스크톱 브라우저에서 devicePixelRatio은 브라우저에서 설정 한 확대/축소 비율의 영향을받을 수 있습니다.
Chrome을 사용하고 확대/축소 비율을 90 %로 설정하면 devicePixelRatio은 0.8999이다.
흥미 롭습니다. 내 페이지 확대가 100 %로 설정됩니다. 그러나 이전에 언급했듯이 내 devicePixelRatio는 0.8999입니다. –
@MichaelMcCrickard Mac을 사용하는 경우 [this] (http://apple.stackexchange.com/questions/33444/how-do-you-reset-screen-zoom-to- 0) 도움이 될 수 있습니다. – gus27
도움이됩니다! 그 확대/축소 컨트롤이 접근성 아래에 있다는 것을 알지 못했습니다. –
검사 코드를 제공 할 수 있습니까? – margarita
'window.devicePixelRatio'에 대한 출력은 무엇입니까? – gus27
사용자가 창을 움직일 때 수동으로 크기를 재조정 한 것처럼 화면의 최대 너비가 2133을 초과하는 경우와 전체 화면을 표시 할 때 최대 기본값 (1920)까지 늘릴 수 있습니까? –