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; 

請注意，該值將根據屏幕的當前方向而改變。