jquery - 猫头鹰旋转木马 Magento 2 古怪的响应行为

Question

我有一个 css 页面在本地使用 OwlCarousel 运行良好，但将它带到 Magento 时引入了很多错误。

真正让我着迷的是 Owl Carousel 的页面响应方式；大约 765 像素(我的响应式样式表直到 640 像素才启动)，整个页面被炸成巨大的尺寸。

这是 Owl 轮播在全屏宽度下的样子。

下面是窗口宽度为 765px 时的样子:

有人知道 Magento/OwlCarousel 中的什么会导致这些巨大的数字吗？

Answer 1

The div section with a class of columns is set to display:flex on screen sizes 767px or below.

... setting of flex is better for smaller views, so to overcome this issue, setting overflow to hidden, scroll or auto on the div.column.main has fixed the issue.

https://magento.stackexchange.com/questions/105638/owl-carousel-magento-2-not-fully-responsive

糟糕，最终在 Magento 堆栈交换上找到了答案。