html - 调整大但不小的图像以适合 html 表格

Question

我有一个表格，其中可以包含比表格单元格大的图像。我所做的是截断图像，以便它们不会扩展表格(使用 table-layout: fixed)。

http://jsfiddle.net/GrimRob/wy0skbmn/

我想做的是调整图像的大小，使其适合桌面。我在我的 fiddle 中评论了这一点:

img.imgcode {
    width: 100%;
    height: auto; 
}

这对于我的示例中的大图像来说效果很好，但在图像小于 td 的情况下，它会增加图像的大小。

我想要的是调整图像大小，但前提是它不太大。如果它已经适合我不想调整它的大小。这可能吗？

Answer 1

试试这个:

img.imgcode {
    display: block;
    max-width: 100%;
    height: auto;
 }