960网格系统实际上是1180宽。怎么解决?

时间:2011-10-27 11:11:16

标签: drupal 960.gs

我正在使用960gs,到目前为止似乎还可以。我正在使用它与Drupal Omega Theme,但这是一个小细节。我选择了一种不流畅的普通布局。

ISSUE: 我遇到了问题,因为我的实际宽度是1180而不是960 。有人可以告诉我原因吗。

我注意到网格的每个(粉红色)列在12列布局(正常)上测量为80px而不是60px。

如果我切换到16列,它有55px而不是40px。怪异!

我尝试了不同内容的不同Drupal安装,但没有发现任何线索。感谢

My 960 grid system in Drupa Omega Theme

3 个答案:

答案 0 :(得分:4)

Drupal的Omega Theme是一个响应式布局,这意味着它实际上拥有960 Grid的更窄和更宽的版本。当您将浏览器调整为较小的宽度时,可以看到这一点。

可以在Omega Theme设置中禁用不同的网格大小。在Drupal 7中,转到Appearance - >设置 - >您的主题名称。您可以:

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

  • 禁用页面下方布局的狭窄和广泛变化。 (“使用此布局与响应式网格”前面的复选框)

答案 1 :(得分:0)

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

答案 2 :(得分:0)

列的填充和边距不是以宽度计算的,因此您必须将其计算在!

即:

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

总宽度为140px。除此之外,它还可能有任何边界!