Question

我使用HTML，CSS，Javascript为当地电信业务开发手机应用程序并使用Phone Gap进行编译。目前，我遇到了使用IDangerous Swiper CSS调整Divs大小的问题。当我加载页面时，Div显示的大小为0px x 0px，但设置为100％宽度和高度。它只会在重新加载页面后加载。

<div data-role="content">
<div class="swiper-container-third center";>
    <div class="swiper-wrapper center";>
        <!--First Slide-->
        <div class="swiper-slide center"> 
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-brandpromo.jpg"/>
    </div>
    <!--Second Slide-->
    <div class="swiper-slide center">
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-broadband.jpg"/>
    </div>
    <!--Third Slide-->
    <div class="swiper-slide center">
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-video.jpg"/>
    </div>
</div>
</div>

班级“中心”只是表示text-align: center !important;

的CSS

我只是需要帮助来确定可能会导致Div“swiper-container-third”等于1319px x 0px而“swiper-wrapper”等于0px x 0px。任何帮助将非常感谢！

Answer 1

我已经在我目前的项目中使用了这个插件。原因如下：

.swiper-container-third和.swiper-slide没有高度在CSS中指定。你必须要。两者都必须有宽度和高度相等。
您是否错过了IDangerous给出的CSS？

Div大小将无法正确加载HTML

1 个答案: