jquery - flexslider 箭头未在移动设备上对齐

Question

我正在使用 Flexslider 开发我的网站的移动版本，由于它的流动特性，它很有用。但是，如果您在移动浏览器上查看它，则会发现箭头未对齐，并且该站点的其余区域以某种方式隐藏在图像后面。这可能与某种定位有关，但我在常规浏览器上进行大部分调试，只是更改用户代理以显示我的移动应用程序版本。

如果您从计算机上的用户代理更改浏览器访问该站点，它将如下所示（这就是我想要的样子）：

如果我查看手机 devsuper.artistcon.com 上的网站，您会发现箭头未对齐，并且可折叠元素位于图像下方：

对此的任何帮助将不胜感激。

Answer 1

尝试检查您的 css 属性是否具有以下内容

.flexslider {
    background: none repeat scroll 0 0 transparent;
    margin: 0 0 60px;
    position: relative;
    padding: 0;
}

.flex-direction-nav a {
display: block;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
}

.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}

我假设你没有top: 50%; .flex-direction-nav规则中的属性