CSS 3可以解决这个问题。不幸的是，现在只有60%的浏览器支持它。

对于Internet Explorer和iOS，您不能关闭调整大小，但可以通过设置文本区域的宽度和高度来限制文本区域的大小。

/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

参见演示

CSS3为UI元素提供了一个新属性，允许您执行此操作。该属性是resize属性。因此，您可以将以下内容添加到样式表中，以禁用所有文本区域元素的大小调整：

textarea { resize: none; }

这是一个CSS 3属性；使用兼容性图表查看浏览器兼容性。

就个人而言，我会发现在文本区域元素上禁用大小调整非常烦人。这是设计者试图“破坏”用户客户端的情况之一。如果您的设计不能容纳更大的文本区域，您可能需要重新考虑您的设计是如何工作的。任何用户都可以将textarea｛resize：both！important；｝添加到他们的用户样式表中，以覆盖您的偏好。

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

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;
}

CSS 3可以解决这个问题。不幸的是，现在只有60%的浏览器支持它。

对于Internet Explorer和iOS，您不能关闭调整大小，但可以通过设置文本区域的宽度和高度来限制文本区域的大小。

/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

参见演示

textarea {
  resize: none;
}

上面的代码将禁用项目中所有<textarea/>元素的可调整大小属性。如果您希望这样做很好，否则您将希望为textarea元素使用特定的类。

.not-resizable {
   resize: none;
}

在HTML中

<textarea class="not-resizable"></textarea>

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

textarea {
  resize: none;
}