移动设备上的动态观察滑块未调整大小

Question

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

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

我唯一的想法是，我可能在某个地方加了一排？

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>

Answer 1

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

Orbit已被弃用，这意味着它不再受支持。不过没必要担心，因为我们决定把它留在里面如果您选择继续使用它，请选择Foundation。我们在此处对此进行解释。

源

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