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

Question

我正在尝试使网页响应移动，但是flexslider中较小屏幕上的图像会歪斜。 无论是加载还是按比例缩小，右边的图像都会侵占当前图像。

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

我试图弄清楚如何推动当前查看的图像，以免过早显示下一张图片的边缘。

Answer 1

只需添加一个媒体查询即可在特定点应用margin-left。 只是暂时找不到目标规则：

.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;
    }
}