图片不'；t为相同大小（css）

我希望我的img总是一样大，但也要让它看起来好看。（对象匹配？）。我希望这些照片大小相同

实际上我的img有

宽度：100%，并且没有
高度
属性css

请在JSFIDLE中检查我的代码。（注释）
使您的图像大小相同。将图像放在一个div中，并在该div中指定一些宽度和高度。然后通过添加宽度：100%和高度：100%的css属性，您的图像将始终与该div大小相同

   <style>
       .img-box{
          width:300px;
          height:300px;
        }
       .img-box img{
         width:100%
         height:100%;}
    </style>

    <div class="img-box">
        <img src="image.jpg">
    </div>


.img盒{
宽度：300px；
高度：300px；
}
.img盒img{
宽度：100%
高度：100%；}
使您的图像大小相同。将图像放在一个div中，并在该div中指定一些宽度和高度。然后通过添加宽度：100%和高度：100%的css属性，您的图像将始终与该div大小相同

   <style>
       .img-box{
          width:300px;
          height:300px;
        }
       .img-box img{
         width:100%
         height:100%;}
    </style>

    <div class="img-box">
        <img src="image.jpg">
    </div>


.img盒{
宽度：300px；
高度：300px；
}
.img盒img{
宽度：100%
高度：100%；}
这是一种不会拉伸图像的解决方案


*{
框大小：边框框；
}
a{
颜色：#d9400b；
文字装饰：无；
文本对齐：居中；
}
.st--播放器盒{
边框：1px实心#达达；
显示：块；
浮动：左；
宽度：31%；
利润率：1%01%1.7%；
}
.st--播放器盒.st播放器img{
显示：块；
}
圣·普莱尔img{
/*只需调整高度和宽度*/
高度：300px；
宽度：100%；
对象匹配：按比例缩小；
背景：黑色；
}
.st--玩家信息{
高度：55px；
}
这是一种不会拉伸图像的解决方案


*{
框大小：边框框；
}
a{
颜色：#d9400b；
文字装饰：无；
文本对齐：居中；
}
.st--播放器盒{
边框：1px实心#达达；
显示：块；
浮动：左；
宽度：31%；
利润率：1%01%1.7%；
}
.st--播放器盒.st播放器img{
显示：块；
}
圣·普莱尔img{
/*只需调整高度和宽度*/
高度：300px；
宽度：100%；
对象匹配：按比例缩小；
背景：黑色；
}
.st--玩家信息{
高度：55px；
}


这是您编辑过的小提琴，在img标记周围添加了一个额外的包装器，您必须至少为长方体设置一些高度值，我将其添加到.st--player长方体类中，将其设置为31vh，以保持其一定的响应性。当然，在这里您可以编辑它以满足您的需要

.st--image-box{
height: calc(100% - 55px);
width: 100%;
float: left;
}

这种方法可能带来的一个问题是，较大的图像可能会被错误地切掉，因为在使用“object fit:cover”时，对象位置不能设置为图像的中心，但cover atribute将图像的纵横比保持在父框大小，因此所有框中的图像都将具有相同的大小，而不取决于它们的纵横比。

这是您编辑过的小提琴，在img标记周围添加了一个额外的包装器，您必须至少为长方体设置一些高度值，我将其添加到.st--player长方体类中，将其设置为31vh，以保持其一定的响应性。当然，在这里您可以编辑它以满足您的需要

.st--image-box{
height: calc(100% - 55px);
width: 100%;
float: left;
}

这种方法可能带来的一个问题是，较大的图像可能会被错误地切掉，因为在使用“对象匹配：封面”时，无法将对象位置设置为图像的中心，但封面区域将图像纵横比保持在父框大小，因此，所有框中的图像都将具有相同的大小，而不取决于它们的外观。
jsiddle:给它一个固定的宽度而不是宽度：100%？我不能，因为这是必须缩放的。那么它是固定大小还是缩放？jsiddle:给它一个固定的宽度而不是宽度：100%？我不能，因为这是必须缩放的。那么它是固定大小还是缩放？