有没有办法在不扭曲图像的情况下调整图像大小?
我有一个 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>';