Как задать ширину div равной его высоте?

Question

[rozbyn]

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

Comments

[WapSter]

При помощи css этого не сделать без костылей (на сколько я знаю).

$(function(){
  $('.some_block').height($('.some_block').width());

  $(window).resize(function(){
    $('.some_block').height($('.some_block').width());
  });
});

код стыбрен из вопроса Как поставить высоту блока div в зависимость от ширины? Хорошо бы тебе поиском научиться пользоваться)

Answer 1

[Aetae]

Если размеры зависят от экрана - просто используйте единицы измерения в vh или vw:

Если же размеры зависит от родителя, то тут придётся использовать трюк с canvas(или прозрачной гифкой - если по классике):

Comments

[rozbyn]

Что за трюк с canvas?

[Aetae]

rozbyn, добавил.)

[rozbyn]

Aetae, спс)