Css sass：使用像素计算百分比_Css_Sass

Css sass：使用像素计算百分比

css sass

Css sass：使用像素计算百分比,css,sass,Css,Sass,在一种情况下，我需要在计算中结合百分比变量和像素请注意，这并不是关于在生成的css中保留混合单元，因此calc将不起作用 $fooPercent: 40%; .abc { width: 100% - $fooPercent; // This works } .bar { width: 100px * (100% - $fooPercent); // Intend to get 60px } 将百分比除以100%将得到一个小数，然后可以将该小数乘以像素值 width: 100px

在一种情况下，我需要在计算中结合百分比变量和像素

请注意，这并不是关于在生成的css中保留混合单元，因此calc将不起作用

$fooPercent: 40%;

.abc {
  width: 100% - $fooPercent; // This works
}
.bar {
  width: 100px * (100% - $fooPercent);  // Intend to get 60px
}

将百分比除以100%将得到一个小数，然后可以将该小数乘以像素值

width: 100px * ((100% - $fooPercent) / 100%)