Как узнать разрешение телефона для адаптива?

Question

[freeman0204]

Есть телефон Xiaomi Mi A2 Lite Разрешение экрана: 2280x1080; но как я понимаю реальное разрешение при открытии сайта в браузере иное по горизонтали и вертикали? Дело в том что я адаптирую сайт, и например выбираю пресет в хром для айфон 6/7/8 и в хроме на пк отображается криво верстка, а на моем Xiaomi Mi A2 Lit нормально. В этом пресете хром показывает ширину 375px у меня должна быть примерно такая же, а не 2280 как указано? Почему есть разница в отображении, и как узнать реальное разрешение моего телефона что бы выставить его в браузере?
Эта срока у меня прописана

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Answer 1

[DevMan]

whatismyscreenresolution.net

Answer 2

[Михаил]

Лучше использовать относительные размеры, а не абсолютные, тогда не придется пиксели считать под каждый экран

Comments

[Михаил]

А если нужно все-таки получать размеры, то самое простое - через js

let width = screen.width;
let height = screen.height;

console.log(width); // значение ширины экрана
console.log(height);// значение высоты экрана