画像を歪ませずにサイズを変更する方法はありますか?
70 ピクセルのサムネイル画像があり、縦横比を維持しながら 200 ピクセル X 165 ピクセルにサイズ変更する必要があります。現時点では、幅: 200px、高さ: 165px に設定すると引き伸ばされます。
コードは次のとおりです。
CSS
.listing-img-div {
width: 200px;
height: 165px;
}
.listing-img {
border: 1px solid black;
margin-top: 5px;
border: 1px solid #ddd;
width: 100%;
height: 100%;
}
HTML/PHP
echo '<div class="listing-img-div">';
echo '<img class="listing-img" src="'.$img.'" alt="'.$title.'">'; echo '</div>';