如何将 textarea 的高度调整为内容。？答案

【问题标题】：how to resize the height of textarea to to content.?如何将 textarea 的高度调整为内容。？
【发布时间】：2014-04-17 08:29:58
【问题描述】：

你能告诉我如何将 textarea 的高度调整为内容吗？

http://jsfiddle.net/PT6Lp/ 但是当你运行小提琴时默认文本区域的大小是相同的（当没有内容时）。但是当你在文本区域中输入一些文本时，它的大小会增加。但如果用户将焦点从文本区域移动到任何其他类似的输入字段，则不会它达到默认大小。但如果焦点再次出现在 textarea 上，它会将其大小恢复为内容大小。

 <textarea name="textarea" id="textarea"></textarea>
    <input type="text" name="name" id="name" value=""  />

【问题讨论】：

为什么要这样做...当内容溢出框时使用滚动条不是更好的 UI 实践吗？
我已经使用了overflow:auto -webkit-scroll......但是它在IPAD中不起作用
你能建议其他方式吗
我在这里回答这个问题：How To Create Input Field That Gets Taller.

标签： javascript jquery jquery-mobile

【解决方案1】：

我不知道具体原因，但是通过选择 jQuery Mobile 库（以前从未使用过）我无法修改文本字段的外观。可能是因为 jQuery mobile 强制使用了不同的 UI 设置。就像 larry 说的那样，移动设备中的滚动条并不是那么好。

无论如何，您可以直接设置属性cols & rows 或使用CSS width & height 设置样式

见updated fiddle

【讨论】：