0

はい！簡単な質問のように思われるので、関連する問題を検索しました。しかし、他のトピックで与えられた解決策は私の問題を解決しません!

div（CSS3ボックス）で満たされた領域を使用しています。複数の div を持つ複数の行
各 div は、div の幅と高さに合わせて引き伸ばす必要がある独自の画像を取得します。（解像度に関係なく）。

現在、幅のストレッチのみが機能します。高さストレッチングは、すべての行にストレッチするようです。

皆さんに見せるためのフィドルhttp://jsfiddle.net/h2Ya8/32/

解決策はありますか？

4

1 に答える 1

2

それがあなたが探しているものかどうかはわかりませんが、追加します

.product {
    position:relative;

と

.product img{
    width:100%;
    height:100%;
    position:absolute;
    bottom:0; right:0;
}

画像をコンテナの幅/高さに強制するようです。

デモを確認してください。

比率を維持する必要がありますか？

于 2012-10-08T10:56:38.907 に答える