1

これは materialize.css ソースファイルからのものです_grid.scss

  $i: 1;
  @while $i <= $num-cols {
    $perc: unquote((100 / ($num-cols / $i)) + "%");
    &.m#{$i} {
      width: $perc;
      margin-left: 0;
    }
    $i: $i + 1;
  }

これは、柱通芯スタイルを作成する scss ファイルの一部です。私がそれを置き換えようとしたとき(ループは同じで、本体のみが変更されました):

  &.offset-m#{$i} {
    margin-left: 100% / ($num-cols / $i);
  }

結果値の精度が異なっていました。(いくつかの結果クラスから値を取得しました)。

オリジナル:width: 8.33333%;新しい:8.3333333333%;

オリジナル:width: 16.66667%;新しい:16.6666666667%;

  1. Sassの「インライン」式と$perc変数に違いがあるのはなぜですか?
  2. ブラウザに実際の違いはありますか?たぶん、より速いレンダリング?materialize.css は何らかの理由でそれを行ったのでしょうか?
4

0 に答える 0