平板电脑宽度中滑块导航的定位问题
Posted
技术标签:
【中文标题】平板电脑宽度中滑块导航的定位问题【英文标题】: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 张图片(以分解文本)。视点是如此之小,当人们可以阅读其他内容并注意到它的变化时,他们不会等待与桌面不同的滑块变化。
【讨论】:
以上是关于平板电脑宽度中滑块导航的定位问题的主要内容,如果未能解决你的问题,请参考以下文章