0

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

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

在此处输入图像描述

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

在此处输入图像描述

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

4

1 回答 1

0

尝试检查您的 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规则中的属性

于 2013-09-07T04:05:25.210 回答