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是否被某些广告拦截器或类似的东西阻止了。？？以及如何解决这个问题??.提前致谢

Answer 1

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

考虑使用流行的猫头鹰旋转木马库： https://owlcarousel2.github.io/OwlCarousel2/

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

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