css中鼠标滚动缩放时td的大小不变

在CSS中，当你设置`overflow-y: scroll`或类似属性使得表格单元格（td）内的内容可以水平滚动时，通常默认情况下滚动会改变td元素的可视区域大小，也就是说，用户滚动时，td的高度会随着滚动条的变化而动态调整。但是如果你想要保持td元素的实际尺寸不变，你可以使用一些技巧：

1. 使用`position: relative`和`overflow-x: hidden; overflow-y: auto;`来限制td只在垂直方向上滚动，同时保持其宽度固定不变。

td {
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
   width: /* 设置一个固定的宽度 */;
}

2. 如果内容撑开td过大导致滚动，也可以尝试限制td的最大高度，例如设置一个最大值，并通过JavaScript监听滚动事件，在必要时强制停止滚动。

td {
   max-height: /* 设置一个最大高度 */;
}

/* JavaScript 例子 */
window.addEventListener('scroll', function(e) {
  if (document.querySelector('td').scrollTop + document.querySelector('td').clientHeight >= document.querySelector('td').scrollHeight) {
    e.preventDefault(); // 阻止默认滚动
  }
});

这样，当用户试图通过滚动条滚动td的内容时，td的大小将保持不变，只会看到部分内容被隐藏，而不是td本身变大。