2013-12-22 86 views
1

我正在網站上工作(Bons Alunos)。輸入不會在特定大小後調整大小

在頁面documents我有一個搜索輸入。

當我將窗口大小調整爲較小的大小時,輸入會變得更小。

但是,當窗口非常小時,輸入停止調整大小,右側的按鈕開始隱藏。

任何想法是什麼錯?

謝謝 米格爾

+0

您可以發佈與搜索框相關的代碼以及任何您嘗試過的代碼。 – Andrew

+1

它看起來像在包裝文本輸入的div上設置了min-width屬性。 – Andrew

+0

是的,我知道我有最小尺寸...問題是爲什麼按鈕被隱藏...不應該按鈕在div內? –

回答

2

輸入和按鈕被封閉在一個字段,並且瀏覽器給出了一個字段集最小寬度。無論是消除字段集,或添加fieldset {min-width:0;}到你的CSS

UPDATE 字段集不能正常在Firefox中調整。正是這種計算器文章中解釋:

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

我建議您嘗試訪問URL它建議:

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

如果失敗了,你可能不得不放棄字段集。

+0

最小值寬度沒有解決它...我想設置字段,因爲這樣我就可以與該網站的其他部分共享CSS。 –

+0

您使用哪種瀏覽器?它適用於Chrome。 – yitwail

+0

@MDMoura我已經將它編輯爲來自chrome開發人員工具的'',它適用於我,在Windows 8.1上運行chrome 31.0.1650.63 m。 – Theraot

相關問題