Как убрать «прыжок» сайта при открытии инструментов разработчика?

Question

[Wadnory]

Без инструментов разработчика:

С инструментами разработчика:


Как убрать "прыжок" сайта при открытии инструментов разработчика (или клавиатуры на телефоне)?

Comments

[Ankhena]

Сейчас вы разместили контент по центру окна.
Окно уменьшается - инпуты сдвигаются.

Если вы зададите фикс или ограниченный отступ, то прыжка не будет.

Answer 1

[iBird Rose]

Если я правильно понял о чем ты: инструменты разработчика открываются не поверх страницы. это то же самое, если бы ты снизу взялся за окно браузера и уменьшал его. Так что это нормальное поведение. Можешь, к примеру зафиксировать высоту страницы жестко задав размер

Comments

[Wadnory]

Да, если я жестко задам height и width в пикселях, то проблемы не будет, но во-первых это не адаптивно, а во-вторых неудобно. На хабре к примеру, на котором мы сейчас находимся height и width задан 100%, как и у меня, но у них этой проблемы нет

[iBird Rose]

Wadnory, наверно потому что на всю высоту страницы есть контент здесь. а у тебя там 2 инпута всего, не?

[Wadnory]

iBird Rose, Ну есть и есть, как это относится к моей проблеме? Можешь зайти на страницу входа на хабре и убедиться что наполненный контент на это не влияет. Или более подробно расписать что ты имел ввиду, мб я не понял