BX滑块无法重新计算浏览器窗口尺寸减小时的宽度

Question

我有一个利用令人惊叹且反应迅速的BX滑块的网站。 一切正常，除了将浏览器窗口的大小调整为DOWN时，不会重新计算BX Slider <li>宽度。

我的开发站点是lc.westguardsolutions.com/#work ，可以随意浏览代码。

如果页面以小的宽度加载的BX滑块宽度被正确重新计算后上升 ，而不是当它被降低。

任何帮助将非常感激。

谢谢！

Answer 1

从头开始，我在办公室里有另一个开发人员来帮助我调试它，看来我们找到了解决方案。

BX Slider计算单个滑块大小的方式是对父级进行测量。 由于幻灯片彼此相邻排列，因此父级很重，因此测量的“ if”语句告诉滑块它已经小于该尺寸，并且不能将其调整为较小的尺寸。 实际上，滑块应该只测量实际的浏览器宽度以进行计算，但这只是BX Slider作者用来测量和应用响应度的逻辑稳定性讨论的一部分。

解决此问题的方法是应用“淡入淡出”模式mode: 'fade' BX Slider init中的mode: 'fade' 。 起作用的原因是，在“淡入淡出”模式下，幻灯片不会彼此排成一行并overflow: hidden 'd，它们被堆叠在彼此的顶部，并且一次被显示。 因此，容器div的大小正确调整，并且BX滑块计算正确。

我希望作者能看到这一点，并找到一种方法来实施修复程序，因为我不具备此能力，同时希望使用该mode: 'fade'如果您遇到此问题，请使用mode: 'fade'作为polyfill。

希望这对别人有帮助！