搜寻了一下之后，我发现了这个
的HTML
<div class="divContainer">
<img src="image.png">
<div>
的CSS
.divContainer{
width :200px;
height:200px;
border:solid;
}
img{
width: 100%;
height: 100%;
object-fit: contain;
}
这很好用，但只能缩放到达到原始图片的原始分辨率，然后停止使用div容器缩放，但我希望它继续进行并超出其原始分辨率进行缩放。
有任何想法吗？
更改object-fit: contain;为object-fit: cover;。
.divContainer {
width: 700px; /* Bigger than image's width. */
height: 500px; /* Bigger than image's height. */
border: solid;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}<div class="divContainer">
<img src="https://dotjpg.co/YfUB.jpg"> <!-- Image Dimensions: 640px x 426px -->
<div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句