使用Sass混合从div类生成像素/rem/百分比大小？

Sass是一种CSS预处理器，它扩展了CSS的功能并提供了一些便捷的功能来提高开发效率。在Sass中，可以使用混合（Mixin）来生成像素、rem或百分比大小的div类。

混合（Mixin）是一段可以在样式表中重复使用的代码片段，可以包含属性和值。通过使用参数，我们可以定义混合接受的输入，并根据输入生成相应的样式。

下面是一个使用Sass混合从div类生成像素、rem和百分比大小的示例：

// 定义一个混合，根据传入的参数生成像素大小的样式
@mixin size($width, $height) {
  width: $width + "px";
  height: $height + "px";
}

// 定义一个混合，根据传入的参数生成rem大小的样式
@mixin size-rem($width, $height) {
  width: $width + "rem";
  height: $height + "rem";
}

// 定义一个混合，根据传入的参数生成百分比大小的样式
@mixin size-percent($width, $height) {
  width: $width + "%";
  height: $height + "%";
}

// 使用混合生成像素大小的div类
.div-pixel {
  @include size(200, 300);
}

// 使用混合生成rem大小的div类
.div-rem {
  @include size-rem(10, 15);
}

// 使用混合生成百分比大小的div类
.div-percent {
  @include size-percent(50, 75);
}

以上代码中，我们定义了三个混合：size、size-rem和size-percent，分别用于生成像素、rem和百分比大小的样式。在需要生成对应大小的div类时，使用@include关键字调用对应的混合并传入相应的参数。

对于像素大小的div类，可以使用.div-pixel类，并调用size混合传入相应的宽度和高度参数，如@include size(200, 300)，即可生成宽度为200px，高度为300px的div。

对于rem大小的div类，可以使用.div-rem类，并调用size-rem混合传入相应的宽度和高度参数，如@include size-rem(10, 15)，即可生成宽度为10rem，高度为15rem的div。

对于百分比大小的div类，可以使用.div-percent类，并调用size-percent混合传入相应的宽度和高度参数，如@include size-percent(50, 75)，即可生成宽度为50%，高度为75%的div。

以上示例代码是使用Sass混合从div类生成像素/rem/百分比大小的方法。对于Sass的更多用法和功能，可以参考腾讯云的Sass产品介绍。