我有一个关于将现有（无响应）网站转换为半响应网站的问题。
事实：
我们有一个单独的手机网站，所以这里没有问题。
我们的桌面网站宽度为978像素，对于978像素及以上的屏幕，这不会改变。
然而，平板电脑从768px开始到977px - 将需要在布局上进行一些自定义。
因此，我们的网站需要变得“半响应”以满足常见平板电脑的768px断点，800px断点等。
我们的网站几乎无处不在使用像素宽度。我们正在研究：
a）将我们的容器转换为基于网格的版本，我们使用12列。这仍然是我们自己的编码方法，而不是依赖于像Foundation或Bootstrap这样的框架。然而，概念将使用类似的百分比作为基础（例如，12列网格上的大6将是宽度：50％）然后我们将从那里自定义填充等。
b）或者我们使用10列网格，这使得使用更有意义，因为数字更简单，例如large-1的宽度为10％，large-1的宽度为10（十个块中的两个），宽度为20％，依此类推。
我想知道是否有任何特定的理由去寻找12或10列网格？我们没有特定的12或10列设计，因为我们正在改变现有网站，并为页眉/页脚重新设计了一些元素。我知道12列网格是标准的，我从来没有听说过10列网格，但我很好奇你是否会选择a）而不是上面的b）？有没有令人信服的理由让我选择12列网格，如果10列更有意义，并且边距/填充更少麻烦，并且使列完全适合100％宽度？
我们也在考虑http://www.responsivegridsystem.com/这是一种不同的简单方法，但我认为这与上述方法完全不同，所以我们将分别对此进行试验。
非常感谢任何建议。
非常感谢
答案 0 :(得分：2)
网格系统通常基于12列网格，因为12可以均匀地被2,3,4和6整除。如果您使用10列网格系统，您将能够轻松设置2列布局，但是三个将更加困难。 12列系统使得2列，3列，4列和6列布局非常容易计算出来。
由于这是一个更自定义的应用程序，我建议不要将其视为响应式网格选择，而是将响应式方法最适合您的约束集。
我个人推荐Bootstrap的网格系统，因为它非常易于使用并且可以快速入门。