Fenstergröße ist größer als Bildschirmgröße?

Question

Wenn ich die screen.width mit Javascript in meinem Chrome-Browser überprüfe, meldet es 1920, was ich erwarte. Wenn ich mein Chrome-Fenster auf die volle Breite meines Bildschirms ziehe und $ (window) .width() überprüfe, bekomme ich 2133 ??? Verwendet der Browser seine eigenen Einheiten?

Ich arbeite an einigen HTML/CSS-Layouts und versuche, sie über verschiedene Bildschirmauflösungen und Browserfenstergrößen konsistent zu machen, aber ich habe einige Probleme, also möchte ich versuchen, dieses Problem besser zu verstehen.

Auf Wunsch hier ist der Code (in der JavaScript-Konsole):

screen.width() 
$(window).width() 

Für window.devicePixelRatio, erhalte ich: 0,8999999761581421

Answer 1

Das richtige Verhalten ist. Das Fensterobjekt repräsentiert ein geöffnetes Fenster in einem Browser, nicht Ihren Bildschirm/Monitor. Hier gibt es mehr Informationen über das Fenster-Objekt in einem Document Object Modal (DOM): https://developer.mozilla.org/en-US/docs/Web/API/Window

Insbesondere ist dieses Thema betrifft den window.devicePixelRatio, wie @ gus27 wies darauf hin:

https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio

Answer 2

Zusätzlich zu @NikhilDevre möchte ich erwähnen, dass auf Desktop-Browsern die devicePixelRatio durch den in Ihrem Browser eingestellten Zoomfaktor beeinflusst werden kann:

Mit Chrome und einem Zoomfaktor von 90% erhalten Sie eine devicePixelRatio von 0,8999.