Question

因此，我浏览了Owl Carousel上的许多线程以及他们自己的文档，似乎找不到解决此问题的方法。

我已经在我的投资组合中使用了轮播的实现，似乎在调整轮播中每张卡的宽度时遇到了很大的麻烦。第二个尝试覆盖卡调整的owl-item width属性（例如，用％表示），但现在轮播不会一直滑到最后并切断。

根据我所做的研究，似乎owl-carousel-min.js文件控制着宽度的计算，因为我的HTML在包装器上产生的“总宽度”与实际显示的不同。

请注意，我已经尝试为每种设备类型更改JS文件中的items:值，并且它没有任何改变。

有人可以给我一些指导吗？这是我在做什么的摘要：

<div class="owl-wrapper-outer">
    <div class="owl-wrapper" style="width: 4242px; left: 0px; display: block; transform: translate3d(0px, 0px, 0px); transition: all 200ms ease;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        ::after
</div>

我将CSS中的替代设置为owl-item: 10% !important;，最终将卡的宽度调整为1440bp处的〜400px宽度，但是就像我说的那样，轮播不会滚动，因为我想外部包装器仍在大小与计算为303px的项目宽度相同。

猫头鹰轮播中幻灯片的麻烦覆盖宽度

0 个答案: