时间戳

首页 > 解决方案 > HTML div 未在某些设备中显示

php - HTML div 未在某些设备中显示

问题描述

我的页面中有一个 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 是否被某些广告拦截器或类似的东西阻止了？？以及如何解决这个问题？？在此先感谢

标签： phphtmladblock

解决方案

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

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

或者，如果你像我一样不喜欢 JQuery，那里有很多很好的 vanilla js silders： https ://github.com/ganlanyuan/tiny-slider

还请使所有相对 URL 都相对于公共根目录，否则当您最终将页面移动到另一个目录时，它会破坏页面。

推荐阅读