css - 有什么方法可以组合背景大小类？

Question

我正在尝试使用 css 更改背景大小:我想要 100 个高度和 100 个宽度，但不想创建 10,000 个类。例如

// style
.tall {background-size: whatever 200%}
.narrow {background-size: 50% existing}
// javascript
element.className ="tall narrow";

据我所知，我需要指定每个可能的值，例如

.tall1 {background-size: 1% 200%}
.tall2 {background-size: 2% 200%}
.tall3 {background-size: 3% 200%} // etc.

有什么办法解决这个问题吗？

Answer 1

如果您使用的是 Javascript，您可以 dynamically set the values .

element.style.backgroundPosition = value1 + '% ' + value2 + '%';