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

Question

在此page上，视频缩略图的列在Chrome上看起来并不一致（同样）。在IE和FF上，两列宽度均相同显示。

我对图像全局CSS已经被设置为：

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

改变的任何值会影响到其他图像渲染。有任何想法吗？

Answer 1

删除max-width全局修复它，或者用min-width替代它。最大宽度只设置最大宽度允许的，并非实际宽度

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

Answer 2

的问题是，你实际上并没有设置宽度，这意味着浏览器和图像可以呈现他们想要的任何方式，给不可预知的结果，你'已经看到。

最简单的解决方法就是大小列以固定的50％的宽度，像这样：

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

留在地方max-width: 100%，这将确保即使在大图片，完美契合这一50％。

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