How to display a fixed site on mobile in full size?

Question

HTML

Good afternoon everyone! This topic has been raised more than once, but I still have difficulties in resolving this issue. The thing is that you need to display a site with a fixed markup on a mobile phone in full size, i.e. so that it fits completely on the screen of any device, and then the user can enlarge it.
Taking into account the advice that I read here, I write in head :

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

I check in chrome on various devices. The site does not adjust to the width of the device.
Who can, tell me how you can fix the meta tag so that everything scales (fonts, pictures, the entire site). Thank you.
And one more question, can anyone come across how to make the modal window on the site not scale, but fall out in full size? Thanks in advance for your replies!

Answer 1

Set content="width=website width" , remove scale and add in css:

@-ms-viewport { width: ширина сайта; }
    @-webkit-viewport { width: ширина сайта; }
    @-moz-viewport { width: ширина сайта; }
    @-o-viewport { width: ширина сайта; }
    @viewport { width: ширина сайта; }

Answer 2

for a fixed layout it is necessary like this (you set your content width)
<meta name="viewport" content='width=1200' />

Answer 3

Remove minimum-scale=1.0, should work