Viewport in mobile browser?

Question

Mobile development

Suppose I have a laptop with a resolution of 1366x768. Accordingly, the browser viewport in the expanded state will be 1366x568 (+-). Based on this data, I can build my media queries so that everything looks good. (correct me if I'm wrong). But what about mobile browsers? Suppose there is a device with a resolution of 360 by 640. How much of this height will a mobile browser occupy? (it just so happened that there are no devices, and there is no way to test on a real physical object, only in chrome)

Answer 1

You still don’t know for sure, subtract 40-50 pixels from the height and that’s it. Keep in mind that, for example, on an iPhone, when scrolling the page, some of the browser menus are hidden and the viewport increases in height.
In any case, on mobile devices, there is absolutely no need to try to fit everything that is possible on 1 screen, they are designed (!) For vertical scrolling.