BX滑块在浏览器窗口大小减小时不重新计算宽度

BX Slider not recalculating width on browser window size decrease

本文关键字：新计算计算浏览器窗口大小小时 BX 更新时间：2023-09-26

我有一个使用惊人和响应的BX滑块的网站。一切都在工作，除了当浏览器窗口的大小向下调整，BX滑块<li>的宽度没有被重新计算。

我的开发网站是lc.westguardsolutions.com/#work，请随意查看代码。

如果页面以较小的宽度加载，然后增加，则BX滑块宽度将正确地重新计算，但当减小时则不正确。

任何帮助都将非常感激。

谢谢!

划掉这个，我办公室的另一个开发人员帮我调试了这个，看起来我们找到了解决方案。

BX滑块计算单个滑块大小的方式是对父滑块进行测量。因为父元素是巨大的，因为滑动条彼此相邻排列，所以用于测量的"if"语句告诉滑动条它已经比那个测量值小，而不是调整到更小。实际上，滑块应该只是测量实际的浏览器宽度来进行计算，但这是BX滑块作者用来测量和应用响应性的逻辑稳定性的更大讨论的一部分。

在这种情况下修复的问题是在BX滑块初始化中应用"淡出"模式mode: 'fade'。这工作的原因是，在"褪色"模式下，幻灯片并没有排列在彼此和overflow: hidden 'd旁边，它们堆叠在彼此的顶部，并一次显示一个。因此，容器div正在正确地调整大小，并且BX滑动条的计算正在正确地进行。

我希望作者看到这一点，并找到一种方法来实现修复，因为我没有资格，同时使用mode: 'fade'作为填充剂，如果你有这个问题。

希望这对其他人有帮助!