css - 响应式 css 网格和各种分辨率？

Question

我看了一些 CSS 响应式网格。我目前正在尝试非语义化。 我真的不明白它如何管理各种分辨率，如 400、768、1024，而我们只能使用两种类:grid-XX 和 mobile-grid-XX。

非语义 CSS 文件包含关于我上面提到的所有分辨率的媒体查询，但我不明白如何使用它们。

例如，如果我的主页上有两列 我希望它们在 1024px 或更大时分别为 50% 宽，在 640 和 1024px 之间为 70% 和 30% 宽，在 400px 及更小时为 100% 宽。

这可能吗？

您知道任何更易于理解和使用的响应式网格系统吗？

Answer 1

我不确定如何使用 Unsemantic 来做到这一点。但是，我用过Susy之前做这件事。