CSS 调整大小 resize

CSS resize 属性允许你控制一个元素是否可以调整大小，以及调整大小的方式。

resize 属性的可选值包括:

• none: 元素不能被用户调整大小。
• both: 允许用户在水平和垂直方向上调整元素的大小。
• horizontal: 允许用户在水平方向上调整元素的大小。
• vertical: 允许用户在垂直方向上调整元素的大小。

禁用元素调整大小

<textarea> 元素在某些浏览器上默认是可以调整大小的，我们可以使用 resize: none; 禁止可调整大小。

禁止 <textarea> 调整大小：

textarea {
  resize: none;
}

让元素可调整大小

仅允许用户调整 <div> 元素的宽度：

div {
  resize: horizontal;
  overflow: auto;
}

仅允许用户调整 <div> 元素的高度：

div {
  resize: vertical;
  overflow: auto;
}

允许用户调整 <div> 元素的高度和宽度：

div {
  resize: both;
  overflow: auto;
}