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

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 + '%';