Javascript zeigt andere Bildschirmauflösung

Question

Wenn ich availHeight oder height verwende, wie vorgeschlagen here, bekomme ich eine andere Auflösung von dem, was mein Betriebssystem mir sagt.

Ich sage 1280 Höhe, aber in meinem OS habe ich 1690. Warum ist das?

Ich habe keine Browser-Zoom.

Gibt es eine Möglichkeit, die tatsächliche Auflösung zu erhalten?

Answer 1

Ich schrieb im Grunde mein eigenes Ding, um dies zu lösen (sehr praktisch für responsive Seiten). Ich weiß, dass es Stecker gibt, die existieren, aber Safari fehlt etwas.

So verwende ich normalerweise nur die Breite zu wissen, wann eine Medienabfrage hinzufügen, aber nur hinzufügen:

let viewportHeight = $(window).height(); 

auf die folgenden:

$(window).resize(function(){ 
    let viewportWidth = $(window).width(); 
    let ems = viewportWidth/parseFloat($("body").css("font-size")); 
    $('#viewport').html(viewportWidth+" | "+ems); 

    $('#viewport-height').html(viewportHeight+" | "+ems); //add this for height 
}); 

Und dann einige einfache CSS für das Betrachten der Größe von Ihrem Fenster:

#viewport { 
background: #000; 
color: #000; 
top: 0; 
right: 10px; 
position: fixed; 
z-index: 100; 
} 

Das hat mich noch nie im Stich gelassen, und Sie können Pixel für Pixel w sehen Wenn Sie die Browsergröße reduzieren/erhöhen, um die Medienabfragen zu erleichtern.

Hoffe, dass hilft ...