如何在保持寬高比的同時使圖像填充表格單元格？

Question

我想做的是用隨機大小的圖像填充表格單元格，但是我希望該單元格保持200px的高度，必須自動調整寬度以填充整個表格寬度，即td{width: 100%; height: 200px;} td{width: 100%; height: 200px;} 。 並且圖像應以填充整個單元格而不會變形的方式放置在單元格中，可以根據需要裁剪。

我在論壇上尋找解決方案時，發現應該將表格單元格的大小設置為所需的任意尺寸，然后將其中的圖像設置為img{with: 100%; height: auto;} img{with: 100%; height: auto;}對我來說很有意義，但不幸的是它不起作用。 我將JSFiddle放在一起以顯示發生了什么： JSFiddle

任何幫助表示贊賞。

Answer 1

強制表單元格與圖像具有相同的比率（@Terry），或將圖像用作單元格的背景。

CSS：

td {
    background-image: url('path-to-image');
    background-size: cover;
    background-position: center;
}

JSFiddle： https ://jsfiddle.net/1myu255g/請原諒我沒有使用所有圖像，但是我敢肯定，您的意思是:)。