html表格的单元格设置了固定宽度后用js通过事件监听能将单元格的高度宽度改为自适应吗

HTML表格单元格设置固定宽度后，通常情况下使用JavaScript监听事件并不能直接改变其高度和宽度为自适应，因为CSS样式一旦确定，除非在CSS中动态修改，JavaScript主要是处理交互逻辑，而不是更改静态的样式属性。

如果你想实现这样的效果，你可以结合CSS媒体查询（Media Queries）以及JavaScript做一些动态调整。例如，在窗口大小变化时，通过JS检测到这个变化，然后发送一个信号给CSS，比如改变对应的CSS类，进而更改表格单元格的样式，使其高度和宽度变得响应式。

以下是简单的步骤概述：

1. 给需要自适应的单元格添加一个初始固定的宽度和高度，并设置CSS的max-width和max-height属性为百分比值，这样可以允许它们随着容器的变化而缩放。

table td {
  width: 30%;
  max-width: 100%; /* 自适应的最大宽度 */
  height: auto; /* 不强制固定高度 */
}

2. 使用JavaScript监听窗口resize事件，当窗口尺寸变化时更新单元格的样式。

window.addEventListener('resize', function() {
  // 更新CSS规则或更改元素的class，触发样式改变
});

请注意，这种方法依赖于浏览器对CSS响应式的支持，不是所有旧版本的浏览器都完全支持。如果你的目标是兼容更广泛的浏览器，可能需要使用polyfill或者其他技术来增强这种功能。