如何随着浏览器宽度/高度的变化动态调整图像网格的大小？
如何随着浏览器宽度/高度的变化动态调整图像网格的大小？
提问于 2015-03-15 10:53:34
我试图设计一个包含图像列表的页面，在调整浏览器/窗口的大小时，应该调整图像的大小，使图像只在三行。例如，一开始我有10个图像，作为一个整体，我在三行中总共有30个图像。当我调整窗口的大小时，图像应该被调整(当窗口变小时，网格将转到一行中的7幅图像，然后转到一行中的5幅图像)。在任何时候我都应该只有3行。
我增加了下面的链接，这是为了同样的目的。
例如https://www.mozilla.org/en-US/about/?icm=tabz
如有任何建议，将不胜感激。
提前谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-03-15 16:37:47
Mozilla页面使用动画响应图像网格，jquery插件：
http://tympanus.net/codrops/2012/08/02/animated-responsive-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}
})
});其中两个"wsome：“等价于CSS媒体查询@media (max-width: [some number]px)。插件的网站上有完整的文档
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29059810
复制相关文章
相似问题
腾讯云开发者
