How to ensure the normal display of fonts on a site with a fixed width in mobile devices?

Question

HTML

With the adaptation of sites for mobile faced, there were no problems. There was a task to make a fixed-width site, and there were questions about fonts.
Such a problem: the font size on the page is set in px, I don’t want it to scale somehow on mobile devices, only if the user wants to increase the page on the screen on his own. But on a 7" Android tablet, for example, the following happens:

This is the view from the tablet. The panel is positioned absolutely, the font has increased, the layout has moved down.
Although the font is 16px, the panel should be located below the text, but here it took more height than calculated. Everything else Oddly enough, it scales just fine.
Please help, what am I missing and how can I fix it? The problem is not only with this page, there are just blocks of a given size in which the text is placed. Because of this behavior of the font, again, everything looks bad.

Answer 1

Perhaps specifically on this device, the font scale settings have been changed. Do you drop styles?

Answer 2

Add to head

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