iOS 调整对象大小问题

Question

当调整具有

object-fit

定位背景图像的图像内的元素大小时，它会出现严重故障。这是一个 FIDDLE，它有一个

object-fit

定位的背景图像，并且内部有一个带边框的块。 调整边框块的大小时，只有块下方和内部的图像部分是正确的。 有人经历过这个并知道解决方案吗？

iOS 折叠边框块后，错误，不好：

Android 折叠区块后，正确，很好：

Answer 1

遗憾的是您没有添加任何示例代码，并且已经提供了更多信息以更好地理解问题。不过，我建议使用这段代码。我希望这个解决方案可以解决问题。

.container {
    position: relative;
    overflow: hidden; 
}

.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; 
}

.bordered-block {
    /* content styles */
}

<div class="container">
    <img src="your-image-url" alt="background" class="background-image">
    <div class="bordered-block">
        /* content */
    </div>
</div>

如果没有，请添加有关您的代码的更多信息。