css宽度自适应输入字体长度

可以使用CSS中的`max-width`属性来设置元素的最大宽度，然后将元素的宽度设置为`100%`，这样当输入的文本长度超过最大宽度时，元素会自动缩小以适应文本长度。

例如：

.input {
  max-width: 300px; /* 设置最大宽度为 300 像素 */
  width: 100%; /* 设置宽度为父元素的 100% */
  box-sizing: border-box; /* 让 padding 和 border 不会影响元素的宽度 */
}

你可以将上面的代码应用到你的输入框元素中。这样，当用户输入的文本长度超过300像素时，输入框会自动缩小以适应文本长度。