Как развернуть блоки по всей высоте экрана?

Question

[Roquie]

Суть в следующем. Надо 3 блока на странице сделать на всю высоту (если контент вылазит на пределы - скролл), а при уменьшении ширины окна браузера они подстраивались друг под друга соизмеримо контенту (без скрола).

Ломаю голову битый час, чтобы все это работало на css ...

Answer 1

[Maxim Zhgulev]

Надо 3 блока на странице сделать на всю высоту (если контент вылазит на пределы - скролл)

display: table

а при уменьшении ширины окна браузера они подстраивались друг под друга соизмеримо контенту (без скрола)

display: block + media queries

jsfiddle.net/oj7s555L/3