如何让使用绝对px宽度的子元素适配父div宽度？

我有一个包含多个子元素的div容器，其中部分子元素是设置了绝对px宽度的图片。当调整父容器大小时，容器内的内容会被截断。

我当前的解决方案如下：

function customResize(element){
    let parent = element.parentNode;
    element.style.width = parent.style.width;
    element.style.height = parent.style.height;        
}

$(window).resize(function (){    
    let elem = document.getElementById('contentContainerId');
    customResize(elem);
});

这个方案以能自动正确缩放的父元素为参照，将其宽高值直接赋值给容器div。虽然实现了容器的缩放，但效果存在问题：容器div已能正确缩放并保持与父元素同宽，但其内容虽已缩小，仍出现过度截断的情况（表现为容器内部分内容无法完整显示，被容器边缘裁切）。

恳请各位提供可行的解决建议！

内容的提问来源于stack exchange，提问作者Zac Dair