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