flex佈局下，input框不能自適應

今天寫登錄頁面，如圖，驗證碼一欄出現了混亂。 圖標和button都時固定值，input給了flex:1。發現圖標縮小了，button裏的字也折行了。加大button的寬度，只會是圖標越來越小，輸入框卻沒啥變化。 查了一下，才知道，input框有個默認的最小寬度。所以解決方法就是把最小寬度改一下。 另一種方法是在input框外面套一個div，給這個div設flex:1。

>>阅读原文<<