Как «Полифилл» `interactive-widget = relessize-content` для тега Meta Viewport на сафари для iOS?Html

Программисты Html
Anonymous
Как «Полифилл» `interactive-widget = relessize-content` для тега Meta Viewport на сафари для iOS?

Сообщение Anonymous »

Chrome Добавлена ​​поддержка Interactive-widget = vize-content в V108. Firefox также, кажется, поддерживает это на расписании (хотя он не работает правильно в полноэкранном режиме).
Значение Marsize-content делает браузер «Push Up». Содержимое страницы, когда виртуальная клавиатура открывается, вместо того, чтобы сделать наложение клавиатуры. /> Существует ли какой-нибудь способ «полифиль» это, в идеале в версиях ios safari v15, и далее?

Код: Выделить всё

visualViewport.addEventListener('resize', function() {
document.documentElement.style.height = window.visualViewport.height+"px";
});
< /code>
Но проблема с этим подходом заключается в том, что Safari делает немного магии, чтобы расширить длину документа, когда клавиатура поднимается для текстового ввода, который ближе к концу страницы - чтобы разрешить место для протяженности документа под клавиатурой. Это вызывает (казалось бы, непреодолимые) проблемы с подходами, подобными приведенным выше. Также не особенно актуально здесь, так как это используется для достижения  противоположного  of melesize-content 
. Хотя он все еще может быть использован в качестве одного компонента полифилла, если он был подтвержден.


Подробнее здесь: https://stackoverflow.com/questions/788 ... ort-tag-on

Вернуться в «Html»