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