Как задать ширину блока относительно высоты окна браузера?

Question

[h31337]

Доброго времени суток! :)
Делаю страницу всё содержимое которой подстраивается под высоту окна браузера (шрифт отступы и тд). Представьте лист а4, всё содержимое которого сжимается пропорционально высоте. С высотой блоков мне помогает ванилла js плагин vunit.js https://github.com/joaocunha/vunit пример joaocunha.github.io/vunit
Проблема в том, что нужно еще подстраивать ширину блоков под высоту окна пропорционально (практически как адаптивное изображение). Есть даже идея вставить прозрачное изображение и рассчитывать ширину остальных колонок по его поведению с помощью js О_о

Answer 1

[Hyubert]

Рассчитайте соотношения по примеру

width: 50vw
height: calc(50vw/3)

codepen.io/anon/pen/mPdvpz

Answer 2

[Сергей Софьичев]

html,body {height: 100%;}     container {height: 100%;}

если правильно понял - оно

Comments

[h31337]

т.е. вы хотите сказать, что ширина блока пропорционально высоте начнёт уменьшаться\увеличиваться после этой записи :) ?

[Сергей Софьичев]

а разве через медиа запросы нельзя через min(max)-height писать?