Я работаю с веб-сайтом (Bons Alunos).Ввод не изменяется после определенного размера
На странице documents У меня есть вход для поиска.
Когда я изменяю размер окна до меньшего размера, вход становится меньше, как ожидалось.
Но когда окно действительно маленькое, вход останавливает изменение размера, а кнопка справа начинает скрываться.
Любая идея, что не так?
Спасибо, Miguel
вход и кнопка заключены в FIELDSET, и браузер дает Fieldset в мин ширину. Либо устранить Fieldset, или добавить fieldset {min-width:0;} к вашему CSS
UPDATE Fieldset не правильно изменить размер в Firefox. Это объясняется в этой статье StackOverflow:
<fieldset> resizes wrong; appears to have unremovable `min-width: min-content`
Я предлагаю попробовать URL, он рекомендует:
@-moz-document url-prefix() {
fieldset {
display: table-cell;
}
}
Если это не удается, то, возможно, придется отказаться от Fieldset.
Минимум ширина не решила его ... Я хотел бы задать поле, потому что таким образом я смогу поделиться css с другими частями сайта. –
какой браузер вы используете? он работает в Chrome. – yitwail
@MDMoura Я отредактировал его как '
Не могли бы вы выслать код, связанный с полем поиска, и все, что вы пробовали. – Andrew
Похоже, у вас есть свойство min-width, установленное в div, которое обертывает ввод текста. – Andrew
Да, я знаю, что у меня такой минимальный размер ... Вопрос в том, почему кнопка скрывается ... Не должна ли кнопка находиться внутри div? –