0

我的标准桌面媒体查询大小的列短暂地遇到了这个问题,但它似乎可以自行解决。现在我正在为缩小宽度的媒体查询重置列,这个新实现的问题又回来了。问题是当加在一起时,我的两列的总百分比宽度,包括边距(我目前没有使用填充),太大了。

万一这很重要,我正在使用 Susy 来替换 Twitter Bootstrap(sass 版本)网格。我删除了几个冗余的引导文件,包括:_grid.scss、_layouts.scss

我的 OSX Firefox Inspector 显示以下内容:

#main { width: 65.9575%; }
#local { width: 31.9149%; margin-right: 2.12766%; }

总之,这等于:100.00006 - 打破我的布局。提前致谢!这是一个真正的挠头。

我的scss是:

_variables.scss
===================

// Susy Grids
// -------------------------
$total-columns:                 12;     // 12
$column-width:                  60px;   // 60px
$gutter-width:                  20px;   // 20px
$grid-padding:                  0px;    // $gutter-width


_responsive.scss
===================

@media (max-width: $breakWidthMaxPhoneLandscape) // 768px
{
.page-template-default
    {
        #main,
        #sub,
        #local
        {
            @include reset-columns;
        }

        #main
        {
            @include span-columns(8 omega, $total-columns);
        }

        #local
        {
            @include span-columns(4, $total-columns);
            @include pull(12);
        }
    }
}
4

0 回答 0