1

我使用 HTML、CSS、Javascript 为本地电信业务开发电话应用程序，并使用 Phone Gap 进行编译。目前，我遇到了使用 IDangerous Swiper CSS 调整 Div 大小的问题。当我加载页面时，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>

类“中心”只是说的 CSStext-align: center !important;

我只需要帮助弄清楚可能导致 Div“swiper-container-third”等于 1319px x 0px 和“swiper-wrapper”等于 0px x 0px 的原因。任何帮助将不胜感激！

4

1 回答 1

0

我在我目前的项目中大量使用了这个插件。这里有几个原因：

  1. .swiper-container-third 和 .swiper-slide 没有在 CSS 中指定高度。你必须这样做。两者都必须具有相等的宽度和高度。
  2. 你错过了 IDangerous 提供的 CSS 吗？
于 2013-09-20T23:33:56.030 回答