【问题标题】:Owl Carousel Magento 2 whacky responsive behaviorOwl Carousel Magento 2 古怪的响应行为
【发布时间】:2018-05-25 15:30:00
【问题描述】:

我有一个在本地使用 OwlCarousel 运行良好的 css 页面,但是将它带到 Magento 会引入大量错误。

真正让我着迷的是页面的响应方式与 Owl Carousel 的表现方式;在大约 765 像素(我的响应式样式表直到 640 像素才开始),整个页面被炸成巨大的尺寸。

这是猫头鹰轮播在全屏宽度下的样子。

这是 765px 窗口宽度时的样子:

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

【问题讨论】:

    标签: jquery css magento


    【解决方案1】:

    具有列类的 div 部分设置为 display:flex 在屏幕尺寸为 767px 或以下。

    ... flex 的设置更适合较小的视图,所以要克服这个问题 问题,将overflow 设置为hiddenscrollauto div.column.main 已解决此问题。

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

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

    【讨论】:

    • 你是如何解决的,仍然对我不起作用,问题中提到的相同问题?
    猜你喜欢
    • 2020-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-11
    • 1970-01-01
    • 1970-01-01
    • 2015-04-01
    • 2020-01-11
    相关资源
    最近更新 更多