textarea右下角拖拽手柄的控制关键在于其自身CSS属性：需同时设置resize: none、overflow: auto（或hidden/scroll）、width/min-width/max-width约束，且配合touch-action: manipulation防iOS手势缩放，父级td需设vertical-align: top及min-width: 0。
textarea 右下角那个可拖拽的手柄，不是表格本身的属性，而是浏览器对 textarea 元素的默认行为。去掉它不靠表格设置，而要直接作用于 textarea 标签本身。
textarea 的 resize 属性必须显式设为 none
只写 resize: none 有时无效，常见原因有三个：
- 父容器或全局 CSS 把
textarea的overflow改成了visible—— 而resize必须搭配overflow: auto、hidden或scroll才生效 - Safari（尤其 iOS）要求元素有明确宽度约束，比如写了
width、min-width或max-width，否则手柄压根不渲染 - 某些重置样式库（如 normalize.css）会把
textarea设为display: block但没配尺寸，导致 Safari 忽略resize
稳妥写法是：
textarea {
resize: none;
overflow: auto;
width: 100%;
min-width: 0; /* 防 flex 容器里被撑开 */
}表格里嵌 textarea 时，别让 td 干预它的行为
表格单元格（td）默认是 vertical-align: middle 且无固定尺寸，容易导致内部 textarea 渲染异常。常见表现包括手柄错位、拖拽后高度突变、甚至手柄重新出现。
立即学习“前端免费学习笔记（深入）”；
- 给
td加vertical-align: top，避免基线对齐干扰 - 给
td加min-width: 0和max-width: 100%，防止 flex/grid 父级破坏其收缩性 - 绝对不要在
td上设overflow: hidden—— 这会裁剪掉textarea的滚动条和手柄区域
移动端 Safari 下手柄可能“消失又回来”
iOS Safari 不显示右下角手柄，但部分版本（如 iOS 16.4～17.2）仍允许长按+拖动触发缩放，这是系统级行为，CSS 无法拦截。此时 resize: none 看似生效，实则用户仍可通过手势放大整个 textarea 区域。
- 必须配合
touch-action: manipulation作用于textarea自身（不是td），跳过双击判断流程 - 若
textarea在 modal 或弹层中，还要确保外层容器没设touch-action: none，否则会覆盖子元素的manipulation - 不要依赖
user-scalable=no—— 它在 iOS 10+ 已被忽略，且对单个textarea无效
真正起效的关键点不在表格结构，而在 textarea 是否同时满足：显式 resize: none、有 overflow 值、有宽度约束、未被父级 touch-action 覆盖。漏掉任意一条，手柄都可能以某种形式回归。
