Javascript 较小屏幕上的Flexslider图像重叠

我试图使网页移动响应，但在较小的屏幕上，flexslider中的图像倾斜。无论是加载还是缩小，右侧的图像都会侵犯当前图像

我会发布一张图片，但我需要更多的声誉点数

---

我正试图找出如何将当前正在查看的图像推过来，以便下一张图片的边缘不会过早显示

只需要添加一个媒体查询来应用某个点的剩余边距。只是暂时找不到目标规则：

.slides:first-child img{
    height: auto;

}

//fixes the bug where the second image appears on the right on smaller screens
@media (max-width: 991px){
  .slides:first-child img{
    margin-left: 40px;
  }
}

.flex-control-thumbs{
    margin-top: 20px;
    li{
        cursor: pointer;
        list-style-type: none;
    }
}

---

给我们看看你的代码；讨论中的css就是这样：.flexslider{.slides:first child img{height:auto；}.flex控件拇指{margin top:20px；li{cursor:pointer；}}}。flex方向导航{display:none；}javascript只是调用flexslider并让它滚动