css3——background-size 属性、vue3——中less、sass最新的深度选择器 deep()

background-size:
background-size属性指定背景图片大小。

默认值:	auto
继承:	no

background-size: length|percentage|cover|contain;

length:	设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
percentage:	将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
cover	此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain	:此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。


vue3
:deep()写法:
:deep( .el-button){
             width:80%;
         }
:deep(.el-form-item__content) {
  .el-row {
    width: 100%;
  }
}

你可能感兴趣的:(sass,css3,vue.js)