Блог

Я хотел бы изменить ширину некоторого элемента в соответствии с высотой страницы. если высота становится меньше, ширина этих элементов увеличивается!

Вы можете использовать длины видового экрана в процентах, в частности единицу измерения vh (высота видового экрана), для масштабирования любого свойства элемента на основе высоты окна.

Например, ширина этого элемента будет составлять 75% от высоты браузера:

 .scale {
  width: 75vh;
}
  

Чтобы сделать обратное этому, как вы заявили («если высота становится меньше, ширина этих элементов увеличивается»), вы можете использовать calc следующим образом:

 .scale {
  width: calc(100% - 25vh);
}