How to stretch the site in width on iOS?

Question

css

We have a site with a width of 1000px and a height of 820px
This is not really a site, so please do not raise the topic about adaptability.
viewport:

<meta name="viewport" content="target-densitydpi=device-dpi, width=1000px, user-scalable=no">

Then we take the Iphone SE 10 iOS
Save the link and put it on the desktop.
Now, on click, we launch an application that is 1000px wide and displays well in both orientations and can be changed. Of course you can't zoom.
Next, take an input and enter text into it. So far, nothing is zoomed. We leave the input or change the orientation, then we all get a curve and a non-changeable scale.

$('meta[name=viewport]').remove();
$('head').append('<meta name="viewport" content="target-densitydpi=device-dpi, width=1000px, user-scalable=no">' );

It did not help.
Perversion with fonts too.
The only thing that came to mind was to track the change in the viewport and refresh the page with it, but this is a bad option.

Answer 1

and Safari doesn’t seem to let you control the user-scalable,
I somehow looked for something that didn’t increase the zoom by tapping, but it
works neatly in other browsers to no avail