Как «Полифилл» `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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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