将背景图像缩小自身的百分比而不是父元素的百分比
Reducing a background-image by a percentage of itself not of the parent element
我经常使用 background images 在圆角正方形内显示图标。有时为了响应的目的，我需要减小正方形和其中的图标的大小。
但是当我有几个显示为 background images 不同大小的图标时，我想显示所有图标，比如说，它们原始大小的 70%，我不能只设置一个 background-size: 70%因为那意味着正方形的 70%，而我想要的是 background image 自身大小的 70%。
有什么方法可以在 CSS 中实现吗？
变换块而不是背景图像。
transform: scale(.7);
如果我正确理解了您的要求（背景图像本身的 70%），那么我认为 CSS 不可能做到这一点。你可以用 JS 实现它。获取图像的尺寸，计算其中的 70%（宽度 * 0.7 和高度）并将其设置为 background-size:40px 40px;
的尺寸
我经常使用 background images 在圆角正方形内显示图标。有时为了响应的目的，我需要减小正方形和其中的图标的大小。
但是当我有几个显示为 background images 不同大小的图标时，我想显示所有图标，比如说，它们原始大小的 70%，我不能只设置一个 background-size: 70%因为那意味着正方形的 70%，而我想要的是 background image 自身大小的 70%。
有什么方法可以在 CSS 中实现吗？
变换块而不是背景图像。
transform: scale(.7);
如果我正确理解了您的要求（背景图像本身的 70%），那么我认为 CSS 不可能做到这一点。你可以用 JS 实现它。获取图像的尺寸，计算其中的 70%（宽度 * 0.7 和高度）并将其设置为 background-size:40px 40px;