如果浏览器的宽度小于五张图片（包括边距等），我试图允许每行容纳五张图片的容器更改其宽度大小。

我添加了以下媒体查询，当在台式计算机上浏览（将浏览器的大小调整为小于1080px的宽度）时，它们都可以很好地工作…容器将更改宽度，并且内容将居中。

但是，在移动设备（iPhone 4和S4）上浏览时，此功能不起作用。有什么想法吗？

的CSS

.main-width {
    margin: 20px auto;
    max-width: 1080px;
    min-width: 960px;
}

@media screen and (max-width: 1080px) {
    .main-width {
        max-width: 870px !important;
        min-width: 870px !important;
    }
}