Why is the device toolbar in the code inspector not working properly?

Question

css

Good afternoon.
I switch to different screens (tablet, phone), but for some reason the site decreases, and does not adapt, as prescribed in media queries. And if I just reduce the browser window, then the code works fine.
Opera browser and chrome as well.

How to fix it?

Answer 1

perhaps in the HTML tag you need to add this media query.

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover">