我正在尝试设计一个包含图像列表的页面，并在调整浏览器/窗口的大小时，应以使图像仅在三行中的方式调整图像。例如，最初我连续有10张图像，而整体上我总共有3行30张图像。当我调整窗口大小时，图像应进行调整（随着窗口变小，网格将连续显示7张图像，然后连续显示5张图像）。而且在任何时间点我都应该只有3行。
我添加了以下链接，该链接具有相同的目的。
例如https://www.mozilla.org/en-US/about/?icm=tabz
任何建议将不胜感激。
提前致谢。
该Mozilla页面使用了Animated Responsive Image Grid，这是一个jquery插件：
http://tympanus.net/codrops/2012/08/02/animated-sensitive-image-grid/
您会想要类似
$(function(){
$("#the_id_of_your_grid").gridrotator({
rows:3,
columns:10,
w[some number]:{rows:3,columns:7},
w[some other number]:{rows:3,columns:5}
})
});
其中两个“ w [some number]：”等同于CSS媒体查询@media (max-width: [some number]px)。该插件的网站上有完整的文档
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句