Ionic应用程序中的屏幕尺寸错误

Question

我有一个奇怪的问题。我正在开发一个Ionic应用程序，我需要将我的屏幕宽度和高度发送到插件。我正在让他们在JavaScript方面。

我在Nexus 6中测试，值不正确。它返回660x412，当这个设备的屏幕是2k，2048x1080。

我已经tryed：

screen.height 
window.innerHeight 
window.outerHeight 

而且这一切都是错误的。

我的中继检视点是：

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

有人都面临着这个问题？

Answer 1

问题是，这些宽度和高度可能不代表物理屏幕，但概念称为CSS像素。

我们可以使用这个值来获得如下所示的物理屏幕大小。

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

请注意，该值将根据屏幕的当前方向而改变。