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>

响应式设计

Prefix a resize utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

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

Learn more about using variants in the variants documentation.