How to find out the resolution of the phone for adaptive?

Question

Mobile development

There is a phone Xiaomi Mi A2 Lite Screen resolution: 2280x1080; but how do I understand the real resolution when opening the site in the browser is different horizontally and vertically? The fact is that I am adapting the site, and for example, I choose a preset in chrome for iPhone 6/7/8 and in chrome on the PC the layout is crooked, but on my Xiaomi Mi A2 Lit it is normal. In this preset, chrome shows a width of 375px, should I have about the same, and not 2280 as indicated? Why is there a difference in the display, and how can I find out the real resolution of my phone in order to display it in the browser?
I have this deadline

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

Answer 1

whatismyscreenresolution.net