HTML div не отображается на некоторых устройствах - PullRequest
Новая
       21

HTML div не отображается на некоторых устройствах

0 голосов
/ 11 января 2020

У меня есть 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 заблокирован каким-то блокировщиком рекламы или чем-то в этом роде? И как решить эту проблему ??. Заранее спасибо

1 Ответ

1 голос
/ 11 января 2020

Похоже, у вас могут возникнуть проблемы с отображением из-за слайдера, что может быть непростым делом. В зависимости от того, какой слайдер вы используете, он может спрятаться или взорваться (показать все содержимое статически) на небольших экранах или в браузерах с проблемами совместимости (я смотрю на вас inte rnet explorer). Я видел такое странное поведение с помощью плагинов на сайтах WordPress.

Подумайте об использовании популярной библиотеки карусели сов: https://owlcarousel2.github.io/OwlCarousel2/

Или, если вам не нравится JQuery как и у меня, есть много хороших ванильных js гильз: https://github.com/ganlanyuan/tiny-slider

Пожалуйста, также сделайте все относительные URL относительно публикации c root или когда вы в конечном итоге переместите страницу в другой каталог, она сломает страницу.

...