Bootstrap 4 对象适合：封套未在引导网格内的3:4（75%填充）容器内剪裁img

我有一个3:4的盒子，可以拍摄各种图像。此框位于引导网格中。对象匹配：覆盖应用于img，但似乎完全没有效果（似乎根本没有应用对象匹配值）。图像正在挤压而不是剪切。在Firefox和Safari中（尚未尝试Chrome）

有没有一种方法可以使3:4的盒子大小与引导take object fit:cover一起调整

.box {
    position: relative;
    width: 100%;
    height: 100%;

    overflow: hidden;
    padding-bottom: 75%;
}

.box img {
    position: absolute;

    padding:3px;
    margin: 0; 

    width: 100%;
    min-width: 100%;
    height: 100%; 
    min-height: 100%;

    object-fit: cover !Important; 
    object-position: 50% 50%;
}

<div class="row no-gutters">
    <div class="col-md-3">
        <div class="row no-gutters">
            <div class="col-md-12">
                <div class="box">
                   <img src="anysize.jpg">
                </div>          
            </div>    
        </div>
    </div>
</div>

.box{
位置：相对位置；
宽度：100%；
身高：100%；
溢出：隐藏；
垫底：75%；
}
.box img{
位置：绝对位置；
填充：3倍；
保证金：0；
宽度：100%；
最小宽度：100%；
身高：100%；
最小高度：100%；
适合对象：封面！重要；
物体位置：50%50%；
}

你推荐什么？

---

谢谢

需要在框内设置图像，以便图像的高度和宽度比应为3:4

你必须这样做：

*{
框大小：边框框；
}
.图像盒{
位置：相对位置；
溢出：隐藏；
垫面：75%；
}
.图像盒图像{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
最小宽度：100%；
最大宽度：100%；
最小高度：100%；
最大高度：100%；
对象匹配：覆盖；
}

您能指出您所拥有的与我所拥有的有何不同吗？看起来和我一样？你能确认这对你有用吗？在Firefox和Safari中，对象fit:cover不适用。谢谢！