любой способ объединить фоновые классы размера?

Question

Я пытаюсь изменить размер фона с помощью css: я хочу 100 высот и 100 ширин, но не хочу создавать 10000 классов. например,

// 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, вы можете динамически установить значения .

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