Css 选择响应/流体网格框架/模板

嘿，所以我一直在网上寻找一些流体网格和响应网格框架的例子（我相信我在寻找流体，但仍然不确定）。我想知道这里是否有人能帮我指出一些可用代码的方向，因为我不完全确定如何使用纯css实现（可能需要javascript/jquery），总之，以下是我想要的：

大屏幕看起来像这样

屏幕稍微小一点

小屏幕蒸馏器

（在图像中，随着屏幕尺寸的减小，每个块都会显得更大，这不是我真正想要的，每个屏幕的大小应该相同……如果你看过Netflix的类型页面，这正是我想要的）

---

我不需要一个完善的代码示例，但我将如何进行这项工作（有15个媒体查询来处理网格和移动元素似乎不是答案，是吗？）如果能深入了解我如何做到这一点，或者是如何实现这一点的框架或演示，我将不胜感激

我几乎看不出在这方面使用网格有什么意义。 这比帮助你更让你头疼。 因为大多数网格将尝试使元素响应，并将调整它们的大小，以便在较小宽度的同一条线上适合它们。 由于您不希望图像调整大小，因此根本不需要转到响应网格

您可以选择一个普通的网格，但为什么要为一行就可以完成的事情导入1000多行代码呢

几乎只有一行代码（如果只写一行代码）：

---

这正是我想要的！非常感谢你。。。这整个问题肯定太复杂了。谢谢

ul li {
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin: 0 10px 10px 0;
    background-color: #000;
}