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

Question

我试图让网页移动响应，但是在小屏幕上的柔性滑板中的图像是歪斜的。无论是加载还是按比例缩小，右侧图像都会侵占当前图像。

我会张贴图片，但我需要更多的声望点。

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

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