Css 使用susy的网格大小

Css 使用susy的网格大小,css,scss-mixins,susy,susy-sass,Css,Scss Mixins,Susy,Susy Sass,我正在尝试使用susy插件创建一个网格结构,但出于某种原因,我得到了一个额外的空间 $susy: ( gutter-position: after, container: 1280px, container-position: center, columns: 14, gutters: 0.6, global-box-sizing: border-box, last-flow: to, debug: (image: show), // debug: ( /

我正在尝试使用susy插件创建一个网格结构,但出于某种原因,我得到了一个额外的空间

$susy: (
  gutter-position: after,
  container: 1280px,
  container-position: center,
  columns: 14,
  gutters: 0.6,
  global-box-sizing: border-box,
  last-flow: to,
  debug: (image: show),
  // debug: (
  //   image: show,
  //   color: rgba(#ccc, 0),
  //   output: background,
  //   toggle: top right
  // ),
  use-custom: (
    background-image: false,
    background-options: false,
    box-sizing: false,
    clearfix: false,
    rem: false
  )
);


.region {
        @include span(12 of 14);
        @include pre(1);
}

我希望区域div正好是1140px,当我用屏幕截图中附加的两个额外网格空间测量它时,它是1140px。我怎样才能去掉这些

如果我从最右边到最左边测量,网格是1140px,但如果我仅从深粉色到最后一个深粉色边缘开始测量,则网格是1112~1113px

网格图像并不精确。浏览器在背景图像的亚像素舍入方面有额外的麻烦。这些用于粗略调试,而不是像素完美的测量。预计网格图像的“to”端(如果流为ltr,则为右侧)将关闭几个像素

调整窗口大小时,您会发现,当列划分为偶数像素值时,窗口偶尔会对齐

亚像素舍入只是背景图像上的一个问题。这不会影响实际布局