轨道滑块未在移动设备上调整大小答案

【问题标题】：Orbit slider not resizing on mobile devices轨道滑块未在移动设备上调整大小
【发布时间】：2014-09-17 18:25:14
【问题描述】：

我已经用 Foundation 在 Wordpress 中构建了一个网站

问题是当您从纵向倾斜到横向时，移动设备上的轨道滑块不会调整大小。我在 Foundation 论坛中搜索了一个解决方案，因为我认为它可能是滑块本身，但它看起来不是那样的。

我唯一的想法是我可能在某处添加了一个额外的 .row ？

index.php

<?php if  (is_home() ){ 

        get_sidebar(slider);                    //Orbit image slider
        get_sidebar(welcome);
        get_sidebar(lowergrid);
        get_sidebar(round);
        get_sidebar(latest);
        get_sidebar(testimonials);
                                             ?> 

    <?php   } else {

                    ?>

    <?php } ?>

        </div> <!-- end inner wrap-->

    </div><!-- off canvas menu-->

</div> <!-- end row -->

<?php get_footer(); ?>

侧边栏滑块：

    <ul class="example-orbit small-12 columns" id="slider" data-orbit>
    <li>
      <img src="<?php bloginfo ('template_url');?>/foundation/images/header-01.jpg" alt="Beautiful Hwange" />
      <div class="orbit-caption" id="cap-one">
        <h1>Beautiful Hwange</h1>
        <h4>on your doorstep</h4>
      </div>
    </li>
    <li>
      <img src="<?php bloginfo ('template_url');?>/foundation/images/header-02.jpg" alt="Kudu" />
      <div class="orbit-caption">
        <h1>A slice of paradise</h1>
        <h4>for you to enjoy</h4>          
    </li>
  </ul>

【问题讨论】：

标签： android wordpress zurb-foundation orbit

【解决方案1】：

好吧，我不会完全解决您的问题，但由于各种原因，基金会正式弃用了轨道滑块：

Orbit 已被弃用，这意味着它不再受支持。无需担心，因为我们决定将其留在 Foundation 如果您选择继续使用它。我们在这里解释一下。

Source

正如文档中所说，试试光滑的滑块，它真的很棒，而且配置范围非常灵活。

【讨论】：