HTML div在某些设备中未显示

Question

我的页面中有一个div，例如

<div class="single-ad">
    <!-- Title -->
    <div class="ad-box featured-border">
        <h1><?=$model->title?></h1>
        <div class="short-history">
           <ul>
              <li>Published on: <b><?=$model->date?></b></li>
              <li>Category: <b><a href="#">Boats</a></b></li>
              <li>Location: <b>London</b></li>
           </ul>
        </div>
    </div>
    <!-- Listing Slider  -->
    <div class="flexslider single-page-slider">
        <div class="flex-viewport">
             <?php
                 $images=$model->images;
             ?>
             <ul class="slides slide-main">
                <?php
                    foreach ($images as $image) {
                         echo '<li class=""><img alt="" src="uploads/'.$image.'" title=""></li>';
                      }
                 ?>
              </ul>
           </div>
     </div>
     <!-- Listing Slider Thumb -->
     <div class="flexslider" id="carousels">
          <div class="flex-viewport">
               <ul class="slides slide-thumbnail">
                   <?php
                       foreach ($images as $image) {
                          echo '<li class=""><img alt="" src="uploads/'.$image.'" title=""></li>';
                                }
                                ?>
                              </ul>
              </div>
       </div>
                        <!-- Share Ad  -->


       <div class="clearfix"></div>
            <!-- Short Description  -->
        <div class="ad-box">
             <p>
                 <?=$model->description?>
             </p>

        </div>
     </div>
</div>

我的网站用于列出用户正在做的服务。以上div用于查看用户发布的广告。在某些设备中，该div是隐藏的，这将是问题所在。此div被某些adblocker或类似的东西阻止了吗？以及如何解决这个问题？？。谢谢

Answer 1

由于滑块，您可能会遇到显示问题，这可能是一件棘手的事情。根据您使用的滑块，它可能会隐藏自己或在较小的屏幕或浏览器上因兼容性问题而爆炸（静态显示所有内容）（我在浏览Internet浏览器）。我已经通过wordpress网站上的插件看到了这种奇怪的行为。

考虑使用流行的Owl Carousel Library：https://owlcarousel2.github.io/OwlCarousel2/

或者，如果您不喜欢我这样的JQuery，那么这里有很多不错的香草js隔离器：https://github.com/ganlanyuan/tiny-slider

也请提供所有相对于公共根目录的相对URL，否则，当您最终将页面移至另一个目录时，它将破坏页面。