在野生动物园的猫头鹰旋转木马问题

Question

owl-item只在safari上自动显示宽度为0 ..其他浏览器根据屏幕有宽度!! ..

这是我的代码

这是我来自firefox的html示例

<div class="owl-wrapper-outer">
<div class="owl-wrapper" style="width: 4512px; left: 0px; display: block; transition: all 1000ms ease 0s; transform: translate3d(0px, 0px, 0px);">
    <div class="owl-item" style="width: 376px;">
        <figure id="post-200" class="advertise development all portfolio-post portfolio-thumbnail">
            <div class="portfolio-thumbnail-container"></div>
            <figcaption class="thumbnail-caption text-center"></figcaption>
        </figure>
    </div>

这是我在safari中的html示例

<div class="owl-wrapper-outer">

<div class="owl-wrapper" style="width: 0px; left: 0px; display: block; -webkit-transition-property: all; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; -webkit-transform: translate3d(0px, 0px, 0px); ">
    <div class="owl-item" style="width: 0px;">
        <figure id="post-200" class="advertise development all portfolio-post portfolio-thumbnail">
            <div class="portfolio-thumbnail-container"></div>
            <figcaption class="thumbnail-caption text-center"></figcaption>
        </figure>
    </div>

任何人都有修复。