私は動的なページを持っています。ロードされた画像は、div よりも大きいか、div よりも小さい可能性があります。div は幅 100%、高さ 105px です。
常にdiv全体を埋めるために画像が必要です。画像が大きい場合は、縦横比を維持し、画像の中央部分だけを表示する必要があります。これどうやってするの?
<div class="image-container info-container-area " style="">
<div class="info-area">
<div class="image-wrapper" style="height: 105px;">
<img src="image.jpg" >
</div>
</div>
</div>