How to correctly set the initial scaling of a non-responsive layout on smartphones?

Question

css

Hello.
The site is not designed responsively, but some elements have special behavior on smartphones through media queries (some elements are hidden, the layout changes, etc.). Asked

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

Question: on smartphones in Chrome and Opera Mobile, everything is OK, but, for example, in IE and in exotic browsers like Dolphin, the initial scale is too large, i.e. You have to pinch to reduce the size of the page. How to achieve the same behavior on these browsers as in Chrome, i.e. so that after loading without scaling, the page fits into the dimensions of the device window?
(If you don’t use the viewport at all, then in the same Chrome, I can no longer control, for example, the font of some elements, the content, which he probably considers the main content and sets the font size himself through media queries).
Thank you for your advice.

Answer 1

I often (but not always) use code like this. It shows the page in real size (scale 100%) and disables scaling. As a result, the site looks the same on all devices and browsers.
On the other hand, if the main content of the site is text, it makes more sense to give the user the ability to scale it.