Javascript 使用CSS对表格行中的每个图像应用相同的纵横比

我有一些图片，它们的高度相同，但宽度不同。它们相当大，所以我需要调整它们的大小。问题是，将这些图像放在一张表上，可以在Firefox中得到我想要的结果，但在Chrome上没有。下面是代码：

表格{
宽度：200px；
高度：100px；
}
img{
宽度：100%；
}

---

您只需将它们放在容器内并应用固定高度即可：

.container{
高度：200px；
}
.集装箱img{
身高：100%；
}

---

您只需将它们放在容器内并应用固定高度即可：

.container{
高度：200px；
}
.集装箱img{
身高：100%；
}

他们没有相同的比例我很确定这只是html/css的问题。如果在我回家的时候还没有解决这个问题，我会看一看。如果你将它们设置为100%，你还必须指定td的宽度，因为在chrome中它会像这样。你可以给高度一个固定的值，以得到想要的结果。他们没有相同的比率。我很确定这只是html/css的问题。如果在我回家的时候还没有解决这个问题，我会看一看。如果你将它们设置为100%，你还必须指定td的宽度，因为在chrome中它会像这样。你可以给高度一个固定的值，在任何地方都能得到想要的结果。简单有效+1当我使用此选项时，如果我增加容器高度，但容器保持其宽度，图像将开始向底部移动，如下图所示：。是否可以添加一个滚动而不是让它发生？但这不能启用滚动。@LucasT。是的，它可以避免换行，因为滚动添加溢出：autoIt不工作。它只创建垂直滚动。图片仍在底部。简单有效+1当我使用此选项时，如果我增加容器高度，但容器保持其宽度，图像将开始向底部移动，如下图所示：。是否可以添加一个滚动而不是让它发生？但这不能启用滚动。@LucasT。是的，它可以避免换行，因为滚动添加溢出：autoIt不工作。它只创建垂直滚动。图像仍然位于底部。