我经常使用background images在圆角方块内显示图标。有时候我需要减小方形和图标的大小以达到响应的目的。
但是当我有几个图标显示为不同大小的background images时，我想要显示所有图标，比如原始尺寸的70％，我不能只设置background-size: 70%，因为那样将意味着70％的平方，而我想要的是background image自己大小的70％。
在CSS中实现这一目标的任何方法？
答案 0 :(得分：1)
转换块而不是背景图像。
transform: scale(.7);
答案 1 :(得分：1)
如果我理解你要求的是什么（背景图像本身的70％），那么我认为CSS不可能。你可以用JS实现它。获取图像的尺寸，计算70％的图像（宽度* 0.7和高度）并使用它将其设置为background-size:40px 40px;的尺寸