如何将所有图像设置为具有40x40的相同尺寸而不拉伸?如何在不拉伸的情况下将所有图像设置为相等的宽度和高度
我试着做以下,但它没有工作:
<style>
.img-container {
width: 40px;
height: 40px;
}
.pic {
width: 100%;
max-width: 100%;
}
</style>
<div class="img-container">
<img src="image_path" class="pic" />
</div>
我被迫使用overflow: hidden
,它基本上会裁剪的一半。有没有一种方法可以通过jQuery或Bootstrap达到相同的宽度和高度?
我不认为有这样做的任何方式。 –
对我而言,目前还不清楚你实际上想要做什么......如果你有一些尺寸不同于想要的目标尺寸的图片,但是你不想拉伸/缩小它,并且你也不想裁剪它。 ..那么你想用它做什么? – arkascha
@arkascha,因为我正在开发一个网站,用户可以上传他们的个人资料图片,我无法猜测他们的图片尺寸。 – Raymond