Css 响应项网格

Css 响应项网格,css,angularjs,responsive-design,Css,Angularjs,Responsive Design,我正在开发一个使用AngularJS的应用程序。我的应用程序有一个JSON对象数组。每个对象都有一张图片(缩略图)、名称和描述。我想在我的UI中将这些对象显示为一个“平铺”。瓷砖将由一个蓝色矩形组成。矩形内将是缩略图。右边是标题和描述。如下所示: +-------------------------------------------------+ | +---------+ [Title Goes Here] | | | Picture | [Descri

我正在开发一个使用AngularJS的应用程序。我的应用程序有一个JSON对象数组。每个对象都有一张图片(缩略图)、名称和描述。我想在我的UI中将这些对象显示为一个“平铺”。瓷砖将由一个蓝色矩形组成。矩形内将是缩略图。右边是标题和描述。如下所示:

+-------------------------------------------------+
| +---------+  [Title Goes Here]                  |
| | Picture |  [Description goes here. It may     |
| |         |   wrap around to multiple lines.    |
| +---------+   Still, this is the idea.]         |
+-------------------------------------------------+
我想把这些瓷砖铺成网格。然而,我也在努力负责任地做这件事。我在想我在做一些我做不到的事情。基本上,我希望每个瓷砖占据可用宽度的25%。如果屏幕低于某个阈值,我希望每个瓷砖分别占33%和50%,最后,如果一个是手机,则占100%

我看见了。看起来不错。然而,它似乎没有任何反应能力。然后我看到了。这有一定的响应性。但是,我没有看到AngularJS的支持。有人知道我在做什么吗?我有每个“瓷砖”的HTML。但创建一个响应网格,当有人排序/过滤时,它会产生动画效果,这让我很反感。动画片段就是我想使用砖石或自由墙之类的东西的原因。然而,我仍然需要反应能力


谢谢

砖石确实是有反应的。你如何有反应地使用砖石?我不明白。也许我不明白你所说的“有反应”是什么意思。如果你看一下你链接到的砖石主页,它的响应速度非常快。当您扩大/缩小浏览器时,div会扩展和收缩,并最终在遇到某些断点时求助。这些div的宽度为%。