960 网格系统实际上是 1180 宽。如何修复它？

Question

我用的是960gs，目前看来还可以。我将它与 Drupal Omega 主题一起使用，但这只是一个小细节。我选择了正常的布局，而不是流畅的。

问题： 我遇到了问题，因为我的实际宽度是 1180 而不是 960。有人可以告诉我为什么吗？

我注意到网格的每列（粉色）尺寸为 80 像素，而不是 12 列布局（正常）上的 60 像素。

如果我切换到 16 列，它的宽度为 55 像素，而不是 40 像素。诡异的！

我尝试了不同内容的不同 Drupal 安装，但没有找到任何线索。谢谢

Answer 1

Drupal 的 Omega 主题是响应式布局，这意味着它实际上具有较窄和较宽版本的 960 网格。当您将浏览器调整为较小的宽度时，您可以看到这一点。

可以在 Omega 主题设置中禁用不同的网格大小。在 Drupal 7 中，转到外观 ->设置->您的主题名称。然后您可以：

• 完全禁用响应式布局（删除设置页面顶部“启用响应式网格”前面的复选标记，强制仅使用 960 或您选择作为主要布局的任何布局）

或

• 禁用窄以及页面下方布局的广泛变化。 （“将此布局与响应式网格一起使用”前面的复选框）

Answer 2

您可能正在加载其他覆盖默认 960 宽度的 CSS 文件/规则。你检查过了吗？

Answer 3

列的填充和边距不按宽度计算，因此您必须将其考虑在内！

即：

div
{
   width:100px;
   margin:10px;
   padding:10px;
}

总共有 140px 宽度。除此之外还有它可能有的任何边框！