Why is adaptive falling apart?

Question

Layout

Site: http://oknavtule.rf
When viewed from a phone or through the console in chrome, the site looks normal (version for smartphones)
When viewed from other browsers, such as firefox, the site seems to be close.
I tried to change the viewport, the minimum width of the body is set, but there is no sense in changing it.
What did I overlook?

Answer 1

This is how the site is displayed in my fox (desktop) -
https://screenshots.firefox.com/KIFhk72DCiB6hlmT/x...
and the mobile version is really falling apart.
After reviewing the preview, I can say that you do not have media queries configured. In mob. version should not have horizontal scrolling.
htmlbook.ru/css/value/media

Answer 2

set body to {overflow-x:hidden;}

Answer 3

The layout does not claim to be adaptive at all. First of all, it shouldn't be necessary to make such a huge font for small screens. In addition, the site opens as if with a zoom. All this should be solved by the viewport, it exists, but the design of the site somewhere clearly prevents it from doing its job) It’s hard to immediately name all the problems, there are a lot of them. I don’t even know how to get out of this situation, it can only be if everything is rebuilt and the widths of various blocks are changed to rubber ones so that they change depending on the screen.