Css 带镀铬的img高度和最大宽度问题

在这方面，视频缩略图的列在Chrome上的显示似乎并不一致（相等）。在IE和FF上，两个列宽的显示相同

我的图像全局CSS已设置为：

img {
height: auto;
max-width: 100%;
}

---

更改任何值都会影响其他图像渲染。有什么想法吗？

删除

max width

全局修复它，或者用

min width

覆盖它。“最大宽度”仅设置允许的最大宽度，而不是实际宽度

.cboxElement img {
    height: auto;
    min-width: 100%;
}

---

问题是，您实际上没有设置宽度，这意味着浏览器和图像可以按任何方式渲染，从而产生您所看到的不可预测的结果

最简单的解决方案是将列的大小调整为固定的50%宽度，如下所示：

.page-videos .view-video td {
    width: 50%;
}

将

max width:100%

保留在适当的位置，它将确保即使是大图像也能完美地适合这50%

请随意替换我的示例代码中的类，它们只是确保我们只更改这一个表的最佳猜测，但是您可能知道该项目的更好/更具体的类