1

きちんとしたデモ プロジェクトを作成し、Sass でコラムを作成しました。これがコードです。

@import "../bourbon/bourbon"; // 
@import "../neat/neat-helpers"; 


$column: 0px;
$gutter: 0px;
$grid-columns: 10;
$max-width: 100%;


$large: new-breakpoint(max-width 1025px 10);
$medium: new-breakpoint(max-width 1024px 8);
$small: new-breakpoint(max-width 640px 4);

@import "../neat/neat";
body
{
    margin: 0;
    padding: 0;
} 

.outerContainer
{
    @include outer-container;
}

.leftCol
{
    @include span-columns(5);
    background-color: red;
    color:white;
    padding:10px;
    @include media($small) {
        @include span-columns(4);
    }


    @include media($medium) {
        @include span-columns(8);
    }


}
.rightCol
{
    @include span-columns(5);
    background-color: blue;
    color:white;
    padding:10px;   
    @include media($small) {
        @include span-columns(4);
    }

    @include media($medium) {
        @include span-columns(2);
    }



}

今、私がエミットされたCssを見ると、これは分かりやすい

 margin-right: NaN%;
  width: NaN%; }

これはなぜNan% を示しているのですか? どこが間違っているのか教えてください。ありがとう。

4

1 に答える 1

1

インポートしたCSSファイルの内容を確認してください。

NaN%「not-a-number」の略で、何かを 0 で割るなどの計算エラーが発生したときに表示されます。

于 2014-07-24T06:37:28.817 に答える