ここに私が取り組んでいるウェブサイトがあります：
height: 481px; を削除することで、画像が伸びないようにすることができます。しかし、画像の下のキャプションと四角が失われ、画像の高さが異なると移動します。ポジショニングをいじってみましたが、解決策が見つかりませんでした。
質問する
1552 次
2 に答える
1
これを解決する方法はいくつかあります。
@Svenが指摘したように、よりクリーンな解決策は、divの<div>代わりにタグ<img>を使用し、画像を使用することbackgroundです。
または、
CCS クリップ プロパティを使用して、元の比率を維持しながら、すべての画像を同じサイズにトリミングできます。
img {clip:rect(0px,60px,200px,0px)}
(クリップに関するドキュメントについては、このリンクを確認してください: http://www.w3schools.com/cssref/pr_pos_clip.asp )
ただし、この時点での最速の解決策 (実際のコードの変更が少ないもの) は、絶対配置のみを使用することであり、代わりにそれを div に.text-box適用して親に適用すること.slider-cont-wrapperです。
.slider-cont-wrapper {position:absolute; top:100px; right:100px}
（あなたのレイアウトに合った対策に変更top:してください）right:
于 2012-12-19T17:16:01.943 に答える
0
ええと、画像の比率が同じでなければ、何をしても、同じ場所に異なる画像サイズが完全に収まることはありません。それであなたは何がほしいの？
于 2012-12-19T17:12:27.913 に答える