Why is Chrome ignoring the viewport?

Question

css

Hello, I want a non-responsive site to load without scaling, for this I wrote the following code:

<meta name="viewport" content="width=device-width">

The site is displayed in the Yandex browser, in safari in ios, in firefox the way I need (fig. on the left), and in chrome it is displayed on the first visit with zoom (as in the right figure). Tell me how can I solve this?
m0ea.myjino.ru - site for the test.

But for example on this site https://old-duck-barbershop.ru/ - here chrome works fine with the viewport. From there, I actually took it.

Answer 1

specify initial-scale

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

And yet - it is clear that your viewport is working correctly, otherwise your entire page would be displayed on the screen and very small.
You need to either adjust the viewport with the desired scaling (this is evil, it’s very hard to manage), or make the correct adaptive - for a width from 340 to 600 (for example) - specify the font size and image different from the desktop.
You need manual work, on the machine - play with the percentage of scaling (if it works, to be honest, I didn’t indulge in such perversion)