gallery区域怎么排布？

关于gallery区域的排布，如果是用媒体查询，那是需要在不同屏幕宽度下对每一个元素都设置不同的宽度？感觉这样子好麻烦呀。

有可以通过媒体查询结合栅格系统进行排布的方法吗？但是因为栅格系统的xs、sm、md、lg其实就已经分别对应好固定的屏幕宽度，有办法可以自定义它们适用的屏幕宽度吗？

源自：项目：实现企业网站首页 2-7 作业题

收起

1回答

好帮手慕星星 2019-01-30 10:05:59

你好，gallery区域主要是使用栅格系统进行布局的，比如设置col-md-3类就会在中屏幕下，一行四列进行显示，当浏览器缩小到一定程度时，可以使用媒体查询改变每个图片占据的宽度。

祝学习愉快！

提问者 Annisa #1

因为gallery区域的分布作用的屏幕宽度，并不是按照xs,sm,md,lg的屏幕状态，而是在小屏幕下又分别细化了很多不同小屏幕宽度，所以在这时候就不能用栅格系统，只能通过媒体查询来改变每一个item的宽度是吗？

2019-01-30 11:35:27
好帮手慕星星回复提问者 Annisa #2

可以这样理解，在某一宽度时，栅格系统不能完成，就可以使用媒体查询设置样式。

2019-01-30 12:09:18