Chrome的img高度和最大宽度问题

Question

在此page上，视频缩略图的列似乎无法在Chrome上一致地显示（同样）。在IE和FF上，两个列宽均等显示。

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

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

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

Answer 1

删除max-width全局修复它，或改为使用min-width覆盖它。 max-width仅设置允许的最大宽度，而不是实际宽度

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

Answer 2

问题在于你实际上没有设置宽度，这意味着浏览器和图像可以以他们想要的任何方式呈现，从而产生不可预测的结果。

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

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

保留max-width: 100%，确保即使是大图片也能完美匹配50％。

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