flex布局下，input框不能自适应

今天写登录页面，如图，验证码一栏出现了混乱。


图标和button都时固定值，input给了flex:1。发现图标缩小了，button里的字也折行了。加大button的宽度，只会是图标越来越小，输入框却没啥变化。

查了一下，才知道，input框有个默认的最小宽度。所以解决方法就是把最小宽度改一下。

另一种方法是在input框外面套一个div，给这个div设flex:1。