У меня есть сайт с этим базовым тегом области просмотра:
<meta name="viewport" content="width=640, maximum-scale=1, user-scalable=no">
На одной странице сайта мы показываем iframe со сторонним сайтом. На этой странице мы меняем область просмотра на device-width, чтобы на стороннем сайте мог отображаться адаптивный сайт с правильной шириной устройства (в противном случае сайт выглядит уменьшенным)
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
Но при переходе вернуться со страницы с окном просмотра device-width к окну просмотра width=640 страница визуализируется с увеличением. Как будто масштаб слишком велик и не сбрасывается должным образом.
Он должен выглядеть следующим образом:
Но выводится так:
Если я определю height=device-height:
На других iOS работает хорошо (я пробовал 12 и 11).
То же поведение, когда базовый c видовой экран равен width=device-width, initial-scale=0.6 и видовой экран страницы с iframe равен width=device-width, initial-scale=1, то же самое с width=640 и width=${window.scale.width / 640}.
Ошибка сохраняется как в мобильном Chrome, так и в Safari и иногда исчезает после перезагрузки сайта.
Кто-нибудь сталкивался с этой проблемой и знает, как ее можно устранить?