Я создаю панель поиска. Поле ввода текста и кнопка поиска расположены рядом друг с другом, как планировалось, но высота окна ввода меняется при расширении браузера. Я несколько раз просматривал свой код, и я не могу найти причину проблемы. Любая помощь будет оценена :)HTML и CSS Мое поле ввода текста постоянно меняет высоту
Вы определяете ваш padding дается в процентах. Это будет масштабироваться в соответствии с размером вашего документа и повлияет на вашу общую высоту ввода. Вы должны использовать фиксированные значения, если вы не хотите, чтобы входные данные масштабировались.
если изменить
input{
padding: 1.5%;
}
в
input{
padding: 6px;
}
Это будет исправить. Проблема заключалась в том, что процент заполнения зависит от размера окна.
Проблема вызвана установкой padding: 1.5%. Процент относится к ширине содержащего блока. Удалите его или используйте блок em, в зависимости от требований к конструкции.
Спасибо! Я исправил прокладку, и теперь она не масштабируется. :-D – amandathewebdev