jquery - 定位不同大小/比例的img并填充到div中

Question

我有一个用户上传图片的网站，图片在服务器端处理，大小为400px*400px。图像可能有不同的原始尺寸，无法控制。显示它们时，我无法将它们正确定位在 200px*200px 的 div 中。它要么被挤压/拉伸(stretch)，要么留下一个像空间一样的信箱。这里的偏好是以保持正确的比例和居中为代价来裁剪图像。任何 jquery/css 已知的方法可以做到这一点？

编辑

.container{width:200px; height:200px;}
.container img{width:100%;}

这是我找到的最接近的解决方案，但它根本不令人满意(高度/宽度明显根据图片变化)......目前我们使用信箱来“缩放”图像。还有 Pixel Daily 的 photo stack 插件被使用 PhotoStack

Answer 1

给图片高和宽100%

尝试

.imgClass{  //your class name
height:100%;
width:100%;
}