在html和javascript中移动和缩放图像

Question

我有一个尺寸为100x75的图片标签。它所持有的图像从150x112缩小。我不希望图像缩小，那么多，但我仍然希望容器img标签为100x75，从而克服了图像的一些外部部分。我该怎么做？

Answer 1

css:
.wrapper {
    width    : 100px;
    height   : 75px;
    overflow : hidden;
}

html:
<div class="wrapper">
    <img src="...">
</div>