jQuery中的奇怪高度匹配行为

Question

我的设计使用了需要高度匹配的并排div。这在页面加载时非常有效，但是在窗口调整大小时，事情往往会彻底解决。变高的元素变得比目标元素的高度更大或更小 - 有时候是非常大的边缘。

var specials = $('#specials');
var specialsPicture = $('#specials_contain .picture');

这是一个在页面加载和窗口调整大小事件上调用的函数：

function matchAll() {
    match(specialsPicture, specials, {min: 768, max: null});
}

这是实际的匹配功能：

function match(elem, target, range) {
    // if no max
    if (range.max == null) {

        // if in range
        if (window.innerWidth >= range.min) {

            // resize element to target height
            elem.outerHeight( target.outerHeight() );

        }

    // if there is a max
    } else {

        // if in range
        if (window.innerWidth >= range.min && window.innerWidth <= range.max) {

            // resize
            elem.outerHeight( target.outerHeight() );

        }
    }
}

以下是所发生情况的屏幕截图：

这似乎是一段简单的代码，但我似乎无法弄清楚可能会发生什么。谢谢你的帮助。