Как остановить изменение размера браузера на мобильном телефоне при открытой клавиатуре или исчезновении адресной строки?
Когда адресная строка исчезает на мобильном телефоне или открывается клавиатура, это влияет на размер области просмотра и, следовательно, изменяет любые значения CSS, использующие единицы измерения vh.
Есть ли способ убедиться, что единицы vh и vw сохраняют свой размер даже при изменении самого окна просмотра?
1 ответ
Ответ будет зависеть от браузера.
В Safari и Chrome панель URL-адресов не изменяет размер vh-единиц (или высот в процентах), если они не используются в позиции: фиксированные элементы. К сожалению, Firefox приводит к тому, что vh изменяет размер с адресной строкой даже вне позиции: исправлено, и вы ничего не можете с этим поделать.
Что касается клавиатуры, я считаю, что Safari не будет изменять размеры и в единицах. Chrome и Firefox делают. Опять же, в этом случае нет способа предотвратить изменение размеров vh юнитов.