网格CSS布局。告诉我不使用的原因

Question

由于我是CSS新手，我刚开始使用CSS Grid系统。我想知道使用CSS网格是否有任何技术问题？我的意思是，你不使用网格的原因是什么？

由于

Answer 1

灵活性

一旦开始使用网格，您就会卡住。您可能最终发现的任何其他问题都必须符合。

在我看来（和我谈过的其他所有设计师），远更容易将自己的列和默认大小定义为类并根据需要应用它们。如果愿意，可以使用自定义网格然后更改样式就像更改一行或两行CSS一样简单，而不是重新生成网格系统或重新设计网站并牺牲以便使用网格。

我是粉丝resets和来自Blueprint的一些小爱（尤其是排版），但就是这样。

Answer 2

我刚开始使用面向对象的CSS（OOCSS）。我真的很享受它，因为它提供了一个非常基本和简约的网格系统。它允许您通过将元素分为两半，三分之一，四分之一或五分来创建相对大小的网格。分割的元素是无限可嵌套的。

OOCSS更像是一种哲学而非框架。这就是你如何扩展一个非常基础的基础。

查看以下链接：

http://oocss.org/ http://developer.yahoo.net/blogs/theater/archives/2009/03/website_and_webapp_performance.html http://www.youtube.com/watch?v=j6sAm7CLoCQ

Answer 3

唯一真正的原因是它们会导致膨胀的标记，有时你必须根据布局和所需的效果+灵活性进行一些严格的嵌套。

它们还会导致元素上的类名列表过多。但是，至少如果在部署之前将CSS移动到语义类/ ids，您可以避免这种情况......但这可能会带来很多额外的工作。蓝图是这里的一个重要因素，因为它具有一个命令行工具，允许您将其框架类中的规则应用于语义选择器。

总体而言，我通常使用它们，因为它很容易教会设计师如何使用网格模板。这就是为什么我不去做很多生产艺术任务的时候。它使整个过程更加顺畅IMO。

Answer 4

如果您的网站在整个网站中都有列布局和可重复的设计模式......那么没有任何理由不包含网格。网格添加：组织，比例和对齐页面。那么为什么不保持一致呢？没有理由。

不要过度使用网格

有人说网格不灵活？这并非完全正确 - 您可以在需要的地方使用它。您可以随时删除或调整。不要过度使用它。

Answer 5

这取决于网格系统。大多数网格都有固定数量的列，这限制了您创建布局的方式。例如，它们不允许您将30％/ 30％/ 40％，50％/ 50％，25％/ 75％以及您能想到的任何其他组合结合起来。

某些网格系统也不允许嵌套。这意味着您不能将网格元素用作这些网格系统中子元素的网格，这使得将许多布局编码为HTML变得更加困难。

此外，某些网格系统使用的技术在旧浏览器中不起作用。在使用网格系统之前，应始终确保它支持您需要支持项目的浏览器。

但是有些框架没有这样的限制。事实上，Cascade Framework的网格系统比任何其他框架都灵活得多，并且在IE6-8和现代浏览器中都能正常工作。