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