адаптивные по высоте блоки

[vip]

Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок:

img{max-width:100%;height:auto;}

[Z1gnet]

что-то я не понял как оно должно работать. при уменьшении ширины и высоту уменьшать?

[vip]

что-то я не понял как оно должно работать. при уменьшении ширины и высоту уменьшать?

скорее при уменьшении высоты уменьшать ширину и высоту конечно. Чтобы на разных разрешениях блок занимал о высоте 50% высоты родительского блока.

[vip]

Хотел бы поднять тему,

пока получилось такое: http://jsfiddle.net/digitalmedia/n7851mwr/

header и content указаны в %.

 

Но не совсем то, нужно чтобы

 

1) Белые блоки должны менять ширину и высоту пропорционально, при этом ширина должна быть максимально возможная при том что высота не должна превышать 70% высоты родителя.

Другими словами, если экран широкий, то для блоков высота будет определяющей, если же экран съузили, то ширина будет определяющей высоту.

2) header и content имеют размер в % по высоте. как сделать, чтобы при уменьшении высоты браузера, высота этих блоков не уменьшалась меньше контента.

Edited February 16, 2015 by vip

[vip]

Отредактировал вопрос, и он остался  взадворках

[SelenIT]

min-height: 50vh?

[vip]

min-height: 50vh?

 

Это к чему, простите?

[SelenIT]

Упс, невнимательно прочитал вопрос(ы), пардон(