How to switch to adaptive mode?

Question

css

I made the site responsive using media screen min-width max-width and so on. when I zoom in the browser, everything is fine. But when I open it on a mobile phone, the site remains as it was in the browser, that is, it does not adapt. What should be applied so that the site on a mobile phone is the same as in a browser WITH A SCALE of more than 200% -300%, that is, adaptive

Answer 1

in head in html

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