Owl Carousel Magento 2 古怪的响应行为
Owl Carousel Magento 2 whacky responsive behavior
我有一个 css 页面 运行 在本地使用 OwlCarousel 很好,但是将它带到 Magento 时引入了很多错误。
真正让我着迷的是 Owl 轮播页面的响应方式;大约 765px(我的响应式样式表直到 640px 才启动),整个页面被炸成巨大的尺寸。
这是 Owl 轮播在全屏宽度下的样子。
这是它在 765 像素 window 宽度时的样子:
有人知道 Magento 中的什么/OwlCarousel 会导致这些巨大的数字吗?
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 堆栈交换上找到了答案。
我有一个 css 页面 运行 在本地使用 OwlCarousel 很好,但是将它带到 Magento 时引入了很多错误。
真正让我着迷的是 Owl 轮播页面的响应方式;大约 765px(我的响应式样式表直到 640px 才启动),整个页面被炸成巨大的尺寸。
这是 Owl 轮播在全屏宽度下的样子。
这是它在 765 像素 window 宽度时的样子:
有人知道 Magento 中的什么/OwlCarousel 会导致这些巨大的数字吗?
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
tohidden
,scroll
orauto
on thediv.column.main
has fixed the issue.
https://magento.stackexchange.com/questions/105638/owl-carousel-magento-2-not-fully-responsive
哎呀,最后在 Magento 堆栈交换上找到了答案。