Textarea 宽度/高度就像最小尺寸一样工作

【问题标题】：Textarea width/height work like minimal sizeTextarea 宽度/高度就像最小尺寸一样工作
【发布时间】：2014-04-11 08:15:07
【问题描述】：

我有一个可以由用户调整大小的文本区域。所以我希望这个文本区域在 css 宽度和高度中设置为初始和最大尺寸。但是宽度和高度就像最小尺寸一样。

width: 600px;
height: 200px;

初始尺寸为 600*200。我可以使 textarea 更大，但只需要更小。感谢您的帮助。

【问题讨论】：

【解决方案1】：

试试这个example

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

虽然，你应该检查这个 post :(

【讨论】：

尝试设置width和height，使其大于min-width和min-height，你会看到min-width和min-height完全没有效果（在 Chrome、Opera 和 Maxthon 中测试），只有 FF 有不同的处理方式。
嗯，它的初始大小应该和最大值一样）

【解决方案2】：

textarea{
    width: 600px;
    height: 200px;
    min-width: 300px;
    min-height: 100px;
}

【讨论】：

【解决方案3】：

textarea{
max-width: 600px;
max-height: 200px;
}

【讨论】：