如果你需要深度支持，你可以使用一种老式的技巧：

textarea {
    max-width: /* desired fixed width */ px;
    min-width: /* desired fixed width */ px;
    min-height: /* desired fixed height */ px;
    max-height: /* desired fixed height */ px;
}

使用此属性调整大小：无；

textarea {
  resize: none;
}

我创建了一个小演示来演示如何调整财产的大小。我希望这对你和其他人也有帮助。

.可调整大小{调整大小：两者；}.no可调整大小{调整大小：无；}.lesizeable_V{调整大小：垂直；}可调整大小_H{调整大小：水平；}<textarea class=“resizeable”rows=“5”cols=“20”name=“resizeble”title=“这是可调整大小的。”>这是可调整大小的。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“noResizeable”rows=“5”title=“这将不可调整大小。”cols=“20”name=“resizeable”>这将不可调整大小。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“resizeable_V”title=“这是可垂直调整大小的。”rows=“5”cols=“20”name=“resizeable”>这是可垂直调整大小的。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“resizeable_H”title=“这是可水平调整大小的。”rows=“5”cols=“20”name=“resizeable”>这是可水平调整大小的。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域>

以下CSS规则禁用textarea元素的大小调整行为：

textarea {
  resize: none;
}

要禁用某些（但不是所有）文本区域，有几个选项。

您可以在标记中使用class属性（<textarea class=“textarea1”>）：

.textarea1 {
  resize: none;
}

要禁用名称属性设置为foo的特定文本区域（即<textarea name=“foo”></textarea>）：

textarea[name=foo] {
  resize: none;
}

或者，使用id属性（即<textarea id=“foo”></textarea>）：

#foo {
  resize: none;
}

W3C页面列出了调整大小限制的可能值：none、both、horizontal、vertical和inherit：

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

查看一个像样的兼容性页面，了解当前哪些浏览器支持此功能。正如Jon Hulka所评论的，CSS中可以使用最大宽度、最大高度、最小宽度和最小高度来进一步限制尺寸。

非常重要的是要知道：此属性不起作用，除非溢出属性不是可见的，这是大多数元素的默认值。因此，一般来说，要使用此选项，必须设置溢出：滚动；引自Sara Cope，http://css-tricks.com/almanac/properties/r/resize/

您也可以尝试使用jQuery

$('textarea').css("resize", "none");

要禁用所有文本区域的大小调整，请执行以下操作：

textarea {
    resize: none;
}

要禁用特定文本区域的大小调整，请添加属性、名称或id并将其设置为某个值。在本例中，它被命名为noresize

HTML

<textarea name='noresize' id='noresize'> </textarea>

CSS

/* Using the attribute name */
textarea[name=noresize] {
    resize: none;
}
/* Or using the id */

#noresize {
    resize: none;
}