Responsive layout - how to minimize / shrink the page?

Question

iPhone

There is a site that is not adaptive, when viewed on mobile devices it is clumsily displayed, the layout is moving. you can make it proportionally decrease / shrink (until there is an adaptive version of the site), then it will be unreadable, it’s okay, it’s important that the content is the width of the browser (the site page is minimized)
checked, but it doesn’t work:
meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=2.0"
meta name="viewport" content="user-scalable=no"

Answer 1

Of course, it’s better to do it in a normal way, but transform: scale(0.5)
codepen.io/iiil/pen/iLoqm can help you out temporarily

Answer 2

The code you gave does not work for everyone.