您可以将图像包裹在图形中。

<!-- html -->
<figure class="constrained-container">
    <img src="my-image.jpg" alt="What my image is about"/>
</figure>

/* css */
.constrained-container {
    height: 300px;
    overflow: hidden; /* this hides excess of the image */
}
.constrained-container img {
    display: block;
    width: 100%;
}

所以，如果你知道你的图像高度是300px，那么不要把高度自动设置在css中，使其为300px。（或根据您的设计调整高度）

img { display:block; width:100%; height:300px; }

在处理响应站点中的图像时，我将图像括在一个div中，并固定图像宽度（以百分比表示），而无需固定高度。无论图像大小如何，它都会响应。