平板电脑宽度中滑块导航的定位问题

Posted 2023-03-06

【中文标题】平板电脑宽度中滑块导航的定位问题

【英文标题】：Positioning problems of slider navigation in tablet widths

【发布时间】：2015-07-30 17:49:13

【问题描述】：

我正在完成this website 的工作并尝试确定滑块导航的定位；但是，我很难在大约平板电脑宽度的屏幕（550px-768px）上获得正确的位置。

我认为我的媒体查询和调整大小有问题，但我不知道为什么我不能将位置锁定在该范围之间！

这里是a link to the correct behavior。有什么想法吗？

Slider 使用 Cycle2，如果重要的话！

示例 html

<div id="slider" class="cycle-slideshow" data-cycle-pager="#adv-custom-pager" data-cycle-slides="> div" data-cycle-timeout="7000">

<div class="singleSlide">
<!-- content goes in here -->
</div>

<div id="sliderNav">

<div id="adv-custom-pager">
    <span class=""></span>
    <span class=""></span>
    <span class=""></span>
</div>

</div>

和 CSS

@media screen and (max-width: 768px) and (min-width: 550px) 
     #sliderNav 
     bottom:145px;
     

     .slidercaption 
     height:250px;
     

【问题讨论】：

我们没搞清楚。

【参考方案1】：

那时我看不出滑块有什么问题。

老实说，当我向网站添加滑块时，我通常会在手机上将其关闭，并且只显示 1 张图片（以分解文本）。视点是如此之小，当人们可以阅读其他内容并注意到它的变化时，他们不会等待与桌面不同的滑块变化。