Css 使用半响应式web设计，选择哪种网格？

我有一个关于将现有（非响应性）站点转换为半响应性站点的问题

事实：

• 我们有一个单独的手机网站，所以这里没有问题

• 我们的桌面站点宽度为978px，对于978px及以上的屏幕，这一点不会改变

• 然而，从768px到977px的平板电脑需要在布局上进行一些定制

因此，我们的网站需要变得“半响应”，以满足普通平板电脑的768px断点、800px断点等

我们的网站几乎在任何地方都使用像素宽度。我们正在研究：

a） 将容器转换为基于网格的版本，其中使用12列。这仍然是我们自己的编码方法，而不是依赖于一个框架，如基础或引导。然而，这个概念将使用相似的百分比作为基础（例如，在12列网格上的大6将是宽度：50%），然后我们将从那里定制填充物等。

b） 或者我们使用一个10列的网格，这更有意义，因为数字要简单得多，例如，大1的宽度为10%，大2（十个块中的两个块）的宽度为20%，等等

我想知道是否有什么特别的原因去使用12或10列的网格？我们没有一个具体的12或10栏设计，因为我们正在改变一些重新设计的页眉/页脚元素现有的网站。我知道12柱网格是标准的，我从来没有听说过10柱网格，但我很好奇你是否会选择上面的a）而不是b）呢？如果10列更有意义，并且对于边距/填充和使列完全适合100%宽度的麻烦更少，那么我是否有任何令人信服的理由选择12列网格

我们也在考虑这是一种不同的更简单的方法，但我认为这与上面的方法有很大不同，所以我们将分别对此进行实验

任何建议都将不胜感激

---

非常感谢

网格系统通常基于12列网格，因为12可以被2、3、4和6平均整除。如果使用10列网格系统，则可以轻松设置2列布局，但设置3列布局要困难得多。12列系统使得2列、3列、4列和6列布局非常容易计算

由于这是一个更为定制的应用程序，我建议不要将其视为响应性网格选择，而是什么样的响应性方法最适合您的约束集

---

我个人推荐的是谷歌的网格系统，因为它很容易使用，而且入门很快。

+1代表12列。10列将是非常困难的工作，并没有真正的优势，我可以想到超过12列。我很想知道你过得怎么样。