Falsche Bildschirmgröße in Ionic App

Question

Ich habe ein seltsames Problem. Ich entwickle eine Ionic App, und ich muss die Breite und Höhe meines Bildschirms an ein Plugin senden. Ich bekomme sie in der Javascript-Seite.

Ich teste in einem Nexus 6, und die Werte sind nicht korrekt. Es gibt 660x412 zurück, wenn der Bildschirm dieses Geräts 2k, 2048x1080 ist.

Ich habe tryed:

screen.height 
window.innerHeight 
window.outerHeight 

Und alle davon sind falsch.

Mein Meta Ansichtsfenster:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 

jemand dieses Problem konfrontiert?

Answer 1

Das Problem ist, diese Breite und Höhe möglicherweise nicht physischen Bildschirm darstellen, aber das Konzept namens CSS-Pixel.

Wir können diesen Wert verwenden, um die physische Bildschirmgröße wie unten angegeben zu erhalten.

var physicalScreenWidth = window.screen.width * window.devicePixelRatio; 
var physicalScreenHeight = window.screen.height * window.devicePixelRatio; 

Bitte beachten Sie, dass sich der Wert je nach aktueller Ausrichtung des Bildschirms ändert.