在ie浏览器下，为实现和ResizeObserver这个API相同的功能，如何实现

在 Internet Explorer 浏览器下，由于它对新的 Web API（如 ResizeObserver）支持有限，特别是对于旧版本的 IE（比如IE9及更早），你需要采用一种兼容的方法来模拟类似的功能。你可以通过以下几种方式来实现：

1. **MutationObserver**：虽然不如 ResizeObserver 直接，MutationObserver 可以检测DOM的变化，包括元素尺寸的改变。你可以设置监听节点的“attributes”、“childList”和“subtree” mutation events，然后检查变化是否涉及元素大小。

function observeElementForSizeChange(element) {
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                // 检查style属性变化，看是否有width或height的修改
                handleElementSizeChange(element);
            }
        });
    });

    observer.observe(element, { attributes: true });
}

function handleElementSizeChange(element) {
    var size = getComputedStyle(element).width; // 获取元素的新尺寸
    // ...处理尺寸变化
}

// 调用函数开始观察某个元素
observeElementForSizeChange(document.getElementById('your-element'));

2. **定时检查**：如果不需要实时更新，可以定期（如每秒或每100毫秒）检查元素的尺寸变化。这可能不是最高效的方式，但对于老版IE来说是个可行的选择。

setInterval(function() {
    var element = document.getElementById('your-element');
    if (element.offsetWidth !== oldWidth || element.offsetHeight !== oldHeight) {
        // 更新尺寸并保存当前尺寸
        var newSize = { width: element.offsetWidth, height: element.offsetHeight };
        // ...处理尺寸变化
        oldWidth = element.offsetWidth;
        oldHeight = element.offsetHeight;
    }
}, 100); // 比如100毫秒间隔

请注意，上述方法可能会增加额外的性能开销，并且需要你自己处理所有细节。为了提供最佳用户体验，推荐尽可能使用现代浏览器的特性，或者在项目中添加条件性 polyfill，比如使用 Babel 或者 es6-shim 等工具来转换代码，使其能在旧版IE上运行。