【发布时间】:2018-05-25 15:30:00
【问题描述】:
我有一个在本地使用 OwlCarousel 运行良好的 css 页面,但是将它带到 Magento 会引入大量错误。
真正让我着迷的是页面的响应方式与 Owl Carousel 的表现方式;在大约 765 像素(我的响应式样式表直到 640 像素才开始),整个页面被炸成巨大的尺寸。
这是 765px 窗口宽度时的样子:
有人知道 Magento / OwlCarousel 中的什么会导致这些庞大的数字吗?
【问题讨论】:
我有一个在本地使用 OwlCarousel 运行良好的 css 页面,但是将它带到 Magento 会引入大量错误。
真正让我着迷的是页面的响应方式与 Owl Carousel 的表现方式;在大约 765 像素(我的响应式样式表直到 640 像素才开始),整个页面被炸成巨大的尺寸。
这是 765px 窗口宽度时的样子:
有人知道 Magento / OwlCarousel 中的什么会导致这些庞大的数字吗?
【问题讨论】:
具有列类的 div 部分设置为 display:flex 在屏幕尺寸为 767px 或以下。
... flex 的设置更适合较小的视图,所以要克服这个问题 问题,将
overflow设置为hidden、scroll或autodiv.column.main已解决此问题。
https://magento.stackexchange.com/questions/105638/owl-carousel-magento-2-not-fully-responsive
糟糕,终于在 Magento 堆栈交换上找到了答案。
【讨论】: