如何为文本区域指定首选宽度/高度，但允许用户放大或缩小？ [复制]答案

【问题标题】：How can I specify a preferred width/height for a text area, but allowing the user to make larger or smaller? [duplicate]如何为文本区域指定首选宽度/高度，但允许用户放大或缩小？ [复制]
【发布时间】：2016-12-20 16:45:01
【问题描述】：

我有一个文本区域（在 Chrome 中）定义为：

<textarea style="width:100%; height:500px;"></textarea>

这会强制文本区域具有这些尺寸，这是首选尺寸，这很好。

但是，如果用户想要拖动调整大小手柄以使该文本区域变小或变大，他们不能

如果我一起删除样式，那么文本区域会折叠成一个小方块。

我想指定首选大小，但让用户在任何方向将其拖得更大或更小。这个可以吗？

【问题讨论】：

通常调整大小似乎适用于增加尺寸，但不适用于减小尺寸。
请注意：在 Firefox 中，即使使用固定的宽度/高度 CSS 设置，默认情况下也允许调整大小。如果设置 min-width/min-height，用户可以在 Chrome 中增加尺寸...它部分解决了问题。
见stackoverflow.com/questions/10356797/…、stackoverflow.com/questions/18178301/…等
根据 textarea 中的内容/文本数量，可能还值得考虑采用“自动调整大小”的路线，请参阅：jsfiddle.net/Garconis/kefknbyr Cool 对吗？
@LGSon 是的，我同意

标签： css

【解决方案1】：

您还可以使用属性rows 和cols 指定尺寸，例如

&lt;textarea rows="5" cols="50"&gt;&lt;/textarea&gt;

rows = textarea 的高行数。

cols = textarea 的字符数。

根据您的 css 的其余部分，文本区域可能不会比其父容器更宽。

【讨论】：

如何解决可调整性问题？
这仍然不允许我将大小调整到指定尺寸以下，至少在 Chrome 中没有
这并不能解决使文本区域变小或变大