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

Question

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

我会发布图片，但我需要更多的声望点。

我想弄清楚如何推动正在查看的当前图像，以便下一张图像的边缘不会过早显示。

Answer 1

只需添加媒体查询即可在特定点处应用余裕。只是找不到目标了一小会儿的规则：

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