Javascript调整大小元素

我有一个猫头鹰旋转木马，自动加载宽度由屏幕大小和项目决定。owl阶段在页面加载时设置了宽度，并随着浏览器大小的调整而调整大小。 我得到了.owl stage元素的宽度，并将其应用于元素.block title，这很好

$(document).ready(function() {
  $(".block-title").css({
    'width': ($(".owl-stage").width() + 'px')
  });
});

---

问题在于.owl carousel宽度会发生变化，但.block标题保持在页面加载时设置的初始宽度。需要向函数中添加哪些内容，以便.owl舞台宽度更改时.block title width保持更新？

您可能需要更改

.block title

类的属性，以便“调整”其大小：

---

将

fontSize

变量调整为十进制，使其看起来正确。然后它应该缩放到不同的浏览器宽度。请注意，我使用的单位是字体大小。例如，

1

的

vw

将是一个像素字体大小，为视口宽度的1%。因此，在调整浏览器大小时，字体大小将根据视口宽度进行调整。

我试图做的是将其与调整大小后的element.owl stage保持相同大小。它成功地获得了初始宽度，但随后.owl阶段缩小，而.block标题没有缩小。尽管如此，请尝试更改小数点（上图），直到大小看起来合适为止。然后调整浏览器的大小，看看它是否保持在不同的维度上。如果

owl stage

的宽度与视口宽度成比例，则基于视口宽度小数点的

.block title

字体大小应该有效；只需修改

fontSize

的十进制值，直到看起来正确为止。然后，它应该进行缩放（在不同的浏览器维度上保持这些比例）。如果要调整

.owl stage

的大小，特别是独立于整个浏览器，则必须将

.block title

的字体大小基于

owl stage

的宽度，每次调整

owl stage

的大小后，请查看一些答案。owl stage的宽度由它最初包含的列表项的数量定义，因此浏览器窗口无法准确计算。owl stage会随着窗口缩小而调整大小，但宽度最初是根据项目编号而不是分辨率设置的。

let fontSize = .9;
$(document).ready(function() {
  $(".block-title").css({
    'font-size': (`${fontSize}vw`)
  });
});