在HTML表格中显示旋转图像时的意外垂直缩放

是由于CSS中的旋转变换属性引起的。当对图像应用旋转变换时，浏览器会根据图像的原始宽高比例进行缩放，以保持图像的完整性。然而，如果图像所在的表格单元格具有不同的高度和宽度，就会导致图像在旋转时出现意外的垂直缩放。

为了解决这个问题，可以使用CSS的transform-origin属性来指定旋转变换的原点。通过将旋转变换的原点设置为图像的中心点，可以避免垂直缩放的问题。具体的解决方法如下：

1. 在CSS中为表格单元格添加一个类名，例如rotate-cell。
2. 在CSS中为该类名添加以下样式：

.rotate-cell {
  position: relative;
}

.rotate-cell img {
  transform-origin: center;
  transform: rotate(90deg);
}

这样，当应用了rotate-cell类名的表格单元格中的图像将以其中心点为旋转原点进行旋转，避免了意外的垂直缩放。

关于旋转变换和transform-origin属性的更多信息，可以参考腾讯云的相关文档和产品：

• CSS 2D 转换
• CSS 3D 转换
• CSS 变换属性 transform-origin

请注意，以上只是一种解决方案，具体的实现方式可能因具体情况而异。