html - 响应式地平铺不同大小的盒子

Question

我的响应式设计有一些问题。

我有 20 个像 this 这样的盒子

我想用媒体查询做响应

@media screen and (max-width:960px) {

}

@media screen and (max-width: 783px) {

}

@media screen and (max-width: 524px) {

}

但我无法控制我设计中的框。 JSFiddle

Answer 1

尝试一些像这样的解决方案:

• http://purecss.io/grids/
• http://semantic-ui.com/

或者尝试为每个媒体查询的每个框添加特定宽度。