Sass susy栅格像素舍入误差

Sass susy栅格像素舍入误差,sass,susy,subpixel,Sass,Susy,Subpixel,嘿，我试着用隔离法修复susy亚像素舍入错误，但不知怎么的，它仍然存在于chrome中……我不知道我到底做错了什么，非常感谢你的帮助，非常感谢 html: 我不确定演示是什么样子的，所以很难知道问题出在哪里。以下是一些可能有帮助的注意事项： Chrome在背景渐变上总是存在亚像素舍入问题。这意味着栅格覆盖有亚像素舍入错误，即使实际布局没有。文件中指出了这一问题。不应相信栅格覆盖在所有视口大小下都是像素完美的 隔离并不能完全解决亚像素舍入问题，但它应该解决大多数由此产生的问题。隔离意味着你将永远

<div class="l-wrap-page">
  <div class="l-wrap-main">

<div class="c-block">
    <div class="c-block__item">
       <img src="http://lorempixel.com/400/200/">
    </div>
  <div class="c-block__item">
    <div class="c-block-article">
      <p>text text text texte text text
        </p>
    </div>
  </div>
 </div>
  <div class="c-block">
    <div class="c-block__item">
      <img src="http://lorempixel.com/400/200/">
    </div>
  <div class="c-block__item">
    <div class="c-block-article">
      <p>text text text texte text text
        </p>
    </div>
  </div>
 </div>

     </div> </div>

@import "breakpoint";
@import "susy";

@mixin cf {
  &:after {
    clear: both;
    content: '';
    display: table;
    }
}

$susy:(
columns: 12,
container: 100%,
output: float,
gutters: 0,
global-box-sizing: border-box,
debug: (
image: show,
output: overlay,
color: rgba(77, 171, 252, .2),
toggle: top left,
),
);

@include border-box-sizing; 

.l-wrap-page {
    @include container;
    @include show-grid();
}
.l-wrap-main {
    @include span(12 of 12);
}

.c-block {
        @include cf;
        @include span(12);
        @include show-grid();
        &:nth-child(even) {
            background-color: lightblue;
            .c-block__item {
                @include nested(12) {
                    &:nth-child(1) {
                        @include span(isolate 3 at 9 last);
                    }
                    &:nth-child(2) {
                        @include span(isolate 3 at 3 first);
                    }
                }
            }
        }
        &:nth-child(odd) {
            background-color: pink;
            .c-block__item {
                @include nested(12) {
                    &:nth-child(1) {
                        @include span(isolate 3 at 3 first);
                    }
                    &:nth-child(2) {
                        @include span(isolate 3 at 9 last);
                    }
                }
            }
        }
        &:last-child {
            @include last;
        }
    }