Я работаю над адаптивной угловой / начальной страницей, где, если пользователь заходит на мобильный телефон, отображается другое окно.В этом окне пользователь имеет возможность нажать кнопку, чтобы показать версию страницы для ПК.Чтобы показать настольную версию, я изменяю начальный масштаб страницы, чтобы она полностью уменьшалась.Таким образом, пользователь должен увеличить, чтобы посмотреть содержимое.(Это означает исходную страницу, но с начальным масштабом: 0).
Код в этой кнопке имеет следующий код:
document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=device-width, initial-scale=0');
Этот код отлично работает на телефонах Android, однако,когда пользователь подключен к телефону IOS (независимо от того, получает ли он доступ к веб-сайту из Chrome или Safari), он не изменяет размер страницы.Я смотрел исходный код, и мета обновилась, но навигатор остался прежним.
Есть ли что-то другое, что я должен сделать на IOS, чтобы добиться такого поведения?