输入不会在特定大小后调整大小

时间:2013-12-22 21:19:20

标签: html

我正在开设一个网站(Bons Alunos)。

documents页面上,我有一个搜索输入。

当我将窗口调整为较小尺寸时,输入会按预期变小。

但是当窗口非常小时,输入会停止调整大小,右边的按钮开始隐藏。

知道出了什么问题吗?

谢谢你, 米格尔

1 个答案:

答案 0 :(得分:2)

输入和按钮包含在字段集中,浏览器为字段集提供最小宽度。要么删除字段集,要么将fieldset {min-width:0;}添加到css

<强>更新 Fieldset在Firefox中没有正确调整大小。这个stackoverflow文章解释了它:

<fieldset> resizes wrong; appears to have unremovable `min-width: min-content`

我建议尝试它推荐的网址:

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

如果失败,您可能不得不放弃字段集。