Неверный размер экрана в приложении Ionic

Question

У меня возникла странная проблема. Я разрабатываю приложение Ionic, и мне нужно отправить ширину и высоту экрана на плагин. Я получаю их в javascript.

Я тестирую Nexus 6, и значения неверны. Он возвращает 660x412, когда экран этого устройства составляет 2k, 2048x1080.

Я судимый:

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; 

Обратите внимание, что значение будет меняться в зависимости от текущей ориентации экрана.