Как растянуть сайт по ширине на IOS?

Question

[Алексей Лебедев]

Имеем сайт шириной 1000px и высотой 820px
Это не совсем сайт, так что про адаптивность просьба не поднимать тему.

viewport:

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

Потом берем Iphone SE 10 iOS
Сохраняем линк и помещаем на рабочий стол.

Теперь по клику мы запускаем приложение, которое шириной 1000px и хорошо отображается в обоих ориентациях и ее можно менять. Зумировать конечно нельзя.
Далее берем в инпут и вводим в него текст. Пока ничего не зумируется. Выходим из инпута или меняем ориентацию, то все мы получаем кривой и не изменяемый масштаб.

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

Это не помогло.
Извращение с шрифтами тоже.

Единственное, что пришло в голову -- отслеживать изменение viewport и при нем делать обновление страницы, но это плохой вариант.

Answer 1

[ой всё]

а Сафари вроде бы не дает вам контролировать user-scalable
я как-то искала чтобы не увеличивал зум по tapping, но безуспешно
в других браузерах работает аккуратно

Comments

[Алексей Лебедев]

Зумироване по tapping я знаю как убрать, нашел достаточно скриптов. И вроде они работали.
Но ситуация щас когда открыт полноэкранный режим с рабочего стола. Там никак зумировать нельзя, кроме вот этого способа.

[ой всё]

Алексей Лебедев, убрали зум на сафари? и как, если не секрет?

а процентные значения в CSS не помогут держать масштаб? хотя по вашему вопросу без тестирования реального приложения вряд ли можно что-то угадать за глаза

[Алексей Лебедев]

AnneSmith, не помню. Но натыкался, там был подсчет времени тапа и если между ними было 300 мс и меньше, то он отменялся.

Нет. Мы имеем лишь контейнер с проектом. Это не резиновый.

[ой всё]

Алексей Лебедев, ок, спасибо, поищу