Преобразование: масштабирование с использованием единиц просмотра

Question

Я хочу использовать трансформацию: масштаб, где моя ширина меняется на 80vw, а мой рост - автоматический.Так вот что я хочу = transform: scale(80vw, auto);.К сожалению, это не работает.Есть ли другой способ получить этот эффект.Желательно без использования JavaScript.

Answer 1

Масштаб трансформации () не занимает единицуэто больше похоже на отношение, поэтому scaleX (0.5) будет масштабировать div до половины и т. д.

.normal{
 background: red;
 }
 .scaled{
  width:100vw;
  transform:scaleX(0.8);
  background:green;
  }

<div class="normal">
  normal
</div>
<div class="scaled">
  scaled
</div>