Javascript 在调整窗口大小时重新计算多个div大小

我有一个带有一组页面内链接的div，当它滚动到时固定在窗口顶部，但我需要调整下面的代码，以便在调整窗口大小时重新计算.featured image和#mainNavPrimary divs的外观。但我很挣扎，因为我是javascript新手。这是我的代码，只在加载时工作。请帮忙

$("#devInpageLinks").affix({
  offset: {
    top: $(".featured-image").outerHeight(true) + $("#mainNavPrimary").outerHeight(true) - 68
  }
});

---

您必须使用“调整大小”事件：

$(document).ready(function() {
  var refreshSizes = function() {
    $("#devInpageLinks").affix({offset: {top: $(".featured-image").outerHeight(true) + $("#mainNavPrimary").outerHeight(true) - 68 } });
  };
  // This will handle every resize event.
  $(window).resize(refreshSizes);
});

看看“媒体查询”和“响应式设计”。

---

基本上，您可以根据窗口大小在CSS中定义样式。谢谢您的尝试。我一直在尝试类似的方法，但没有使用此代码。您能解释一下调整大小事件处理的问题吗？您是否在项目中使用jQuery？没有它们，你就无法使用我发布的代码。是的，它使用jquery，在页面加载时运行良好，但添加调整大小事件就是不起作用。所以我有点奇怪，这个问题似乎与高度有关，目前使用的是

minheight:calc（100vw*0.4）