Css 使用susy的网格大小
我正在尝试使用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: (
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,则为右侧)将关闭几个像素
调整窗口大小时,您会发现,当列划分为偶数像素值时,窗口偶尔会对齐
亚像素舍入只是背景图像上的一个问题。这不会影响实际布局