Textarea高度自适应：无限制拉伸技巧

可以使用CSS中的resize属性来实现textarea的高度自适应并且不受最大高度限制。具体实现方法如下：

1. 在CSS中为textarea添加以下样式：

textarea {
  resize: vertical;
  min-height: 50px;
  max-height: none;
}

其中，resize: vertical;表示垂直方向可以拉伸，min-height: 50px;表示最小高度为50px，max-height: none;表示没有最大高度限制。

2. 如果需要textarea的高度能够随着输入内容自动增加，可以使用JavaScript监听输入框的输入事件，根据输入框的scrollHeight属性来动态设置textarea的高度。具体实现方法如下：

const textarea = document.getElementById('chat-gpt-input');

textarea.addEventListener('input', function() {
  this.style.height = 'auto';
  this.style.height = this.scrollHeight + 'px';
});

这样，就可以实现textarea的高度自适应并且不受最大高度限制，可以自由拉伸。