如何让代码自适应手机浏览器大小？

可以使用 CSS 的单位 vh 和 vw，它们是相对于视口高度和宽度的单位，可以根据不同设备的屏幕大小自适应调整大小。例如，可以将高度设置为 65vh，宽度设置为 100vw，使其适应不同设备的屏幕大小：

<textarea class="form-control" id="chatgpt-response" placeholder="简单一问一答，不能连续会话，仅作为学习和生产力工具，不乱问，遵守法律！" rows="30" style="width: 100vw; height: 65vh; margin: 0 auto; background-color: #f4f4f4; color: #333; border: 1px solid #ccc; border-radius: 10px; overflow-y: auto;" readonly></textarea>

同理，可以使用 vw 单位来适配宽度：

<textarea class="form-control" id="chat-gpt-input" placeholder="来问点什么吧... (Shift + Enter = 换行)" rows="3" style="width: 100vw; height: 10vh; margin: 0 auto; background-color: #f4f4f4; color: #333; border: 1px solid #ccc; border-radius: 12px;" onkeydown="if(event.keyCode==13)if(!event.shiftKey){{event.preventDefault();document.getElementById('chat-gpt-button').click();}}"></textarea>