0

画像を歪ませずにサイズを変更する方法はありますか?

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>';
4

2 に答える 2

1

幅を にauto、高さを に設定することもでき100%ます。

img {
   width: auto;
   max-height: 100%;
}

そして、他の人が言ったように、画像がベクターまたはSVGでなくなるまで、常に品質が低下します。

于 2013-07-18T13:36:33.167 に答える