限制文本区域

Question

抱歉，可能有一个新手问题，但我在网上找不到答案。

我有textarea。 我想让它保持可调整大小，但是当我一开始打开页面时，我希望它具有特定的大小。 该大小应为文本区域的最小大小。 另外，我希望它在扩展时具有最大尺寸，但是宽度和高度都应可调整大小。

例如：textarea的大小应开始，并且最小为H：300px和W：300px。 它的大小应可调整为最大H：600px和W：700px。 谢谢。

Answer 1

将此CSS添加到textarea：

textarea {
  min-height:300px;
  min-width: 300px;
  max-height: 600px;
  max-width: 700px;
}

那应该做！

Answer 2

这是一个示例来演示！ :)

https://jsfiddle.net/e344c5f1/5/

textarea {
  /* Define your minimum size here */
  min-height:300px;
  min-width: 300px;

  /* Define your maximum size here */
  max-height: 600px;
  max-width: 700px;
}

不要忘记根据您想要的内容设置包含元素的溢出以避免隐藏或重叠（请检查小提琴以获取隐藏示例）。