アスペクト比を維持しながら画像を塗りつぶす方法は？

Question

私がしようとしているのは、ランダムなサイズの画像で表のセルを塗りつぶすことですが、セルの高さを200ピクセルに保ちたい場合は、幅をテーブル全体の幅を満たすように自動的に調整する必要があります（td{width: 100%; height: 200px;}）。そして、画像は歪みなしで細胞全体を満たすように細胞の内部に収まるはずです。必要であればそれらを切り取ることができます。

私はフォーラムで解決策を探していましたが、テーブルセルのサイズを任意の次元に設定し、その内部にイメージを設定する必要があることがわかりました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/ は、すべての画像を使用していないために私を許してください、私はあなたがポイントを得た:)確信しています。