@h31337

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

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

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

codepen.io/anon/pen/mPdvpz
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
thisishappi
@thisishappi
Верстальщик=)
html,body {height: 100%;}     container {height: 100%;}

если правильно понял - оно
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы