resize

用于控制元素如何调整大小的工具类。

快速参考

使用 resize 可以让元素在水平和垂直方向上都可调整大小：

拖动演示中的文本区域手柄以查看预期行为

<textarea class="resize rounded-md ..."></textarea>

使用 resize-y 可以让元素在垂直方向上调整大小：

拖动演示中的文本区域手柄以查看预期行为

<textarea class="resize-y rounded-md ..."></textarea>

使用 resize-x 可以让元素在水平方向上调整大小：

拖动演示中的文本区域手柄以查看预期行为

<textarea class="resize-x rounded-md ..."></textarea>

使用 resize-none 可以阻止元素调整大小：

注意文本区域手柄已消失

<textarea class="resize-none rounded-md"></textarea>

在 resize 工具类前加上 md: 等断点变体，使其仅在中等屏幕尺寸及以上应用：

<div class="resize-none md:resize ...">
  <!-- ... -->
</div>

在变体文档中了解更多关于使用变体的信息。

pointer-events

用于控制元素是否响应指针事件的工具类。

scroll-behavior

用于控制元素滚动行为的工具类。