如果浏览器宽度小于五个图像（包括边距等），我试图允许每行保存五个图像的容器更改其宽度的大小。
我添加了以下媒体查询，在台式计算机上浏览时一切正常（将浏览器大小调整为宽度小于 1080 像素）...容器更改宽度且内容居中。
但是，在移动设备（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;
}
}
这可能是因为您没有设置视口。
将以下元标记放入<head>文档的元素。
<meta name="viewport" content="width=device-width, initial-scale=1">
欲了解更多信息，请阅读“使用视口元标记来控制移动浏览器上的布局” https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag - (mdn)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
