Question

在RWD中，我们使用流体网格。一个例子是onepcssgrid。可以说，我选择1200px作为1280px的目标屏幕。所以我们有

.onepcssgrid-1200 {
    max-width: 1220px;
}

包括排水沟和一些填充的边距，我的内容区域是1200px。现在让我们说，我想在顶部或底部有一个很大的页眉或页脚。我无法做到这一点。主要原因是每个元素都是.onepcssgrid，.onerow，.col(n)的子/后代。或许我可以！

更改onepcssgrid.css本身的样式。
在我的主样式表中覆盖它们。
制作<header>元素，为其提供width: 100%，然后使用.onepcssgrid，.onerow，.col(n)。 <footer>将是相同的或图片库。

哪种方式更好？为什么这些网格中没有任何CSS网格或类可以允许，或者存在？在某些网格中，我看过.push和.pull类。它们是否适用于这种情况？这是故意突破电网的好例子吗？这些只是我的选择吗？专业人士如何做到这一点？

我的目标布局。 enter image description here

Answer 1

我想说选项三在这种情况下是最好的。您应该始终尝试避免重构框架，特别是如果您与开发人员团队合作。重要的是要理解CSS框架只是一组有用且存在的类来加速您的开发 - 他们不需要约束您可以创建的内容。查看框架的内幕，了解他们如何进行查询和选择，并尝试以自己的风格进行扩展。

请告诉我这是否有帮助，或者如果您有其他问题：）

Answer 2

感谢您使用我的网格系统。

不幸的是，我已经差不多2年了，并且它已经很长时间没有更新了所以是的，它有点过时了。我没有打算在将来维护或更新它，因为我开始使用一点点修改和改进版本用于我自己的目的。也许在将来，如果我找到空闲时间，我会发布它。

如果有什么东西丢失或者您不喜欢什么，我的网格可以自由更新/更改它。由你决定。最好的可能是保持原始网格，并将其扩展到您自己的CSS文件中。

也许如果你有更多的东西需要改变，你可以尝试检查其他网格/框架。我相信你会找到一个更符合你需求的产品。

干杯马特