调整大而不小的图像以适应html表格

Question

我有一张表可以包含比表格单元格更大的图像。我所做的是截断图像，以便它们不会扩展表格（使用表格布局：固定）。

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

我想要做的是调整图像大小以使其适合桌面。我在我的小提琴中评论过这个：

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

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

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

Answer 1

试试这个：

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