How to remove the adaptability of elements when resizing on a touch screen?

Question

css

Good afternoon. There was a problem on Chrome browser on iPhone and UC Browser on Android. There are also some problems on the safari, the solutions for which, as I can not comprehend. There is a template on the VP, it was initially adaptive, but I removed adaptability from it by cutting out the Viewport in the header and all media quoris. However, as I understand it, some kind of script is triggered when resizing on a touch screen: the width of the header is compressed and the menu is built under each other. And there are also three buttons on the left side of the screen, which, when resized, become larger and block the entire screen.
To summarize, when resizing, I need a blunt approximation and not adaptability. I don’t want that when resizing on touchscreens, the width of the container changes, and the buttons keep their size relative to the screen and not relative to the site, what could be the problem?
ps min-width on Body does not help :(
pss on normal chrome in android and other devices everything is fine, the site just gets closer.

Answer 1

Try setting a fixed viewport
If you need to prevent the user from changing the scale (enlargement) of the site, then add initial-scale=1, maximum-scale=1, user-scalable=no to content