Как научить элементы масштабироваться относительно размеров блока?

Question

[slavkapiyavka]

Привет!
Есть грид-сетка из пяти блоков. Внутри каждого блока есть фоновое изображение, кнопка, текст, декоративные элементы. При изменении размеров экрана в консоли содержимое блоков, естественно, то уменьшается, то вылезает за границы блока.
Как научить эти самые элементы изменять свои размеры при масштабировании страницы? Элементов много, медиа-запросы отметаются - увеличение в таких масштабах css не приветствуется.
Какие у вас предположения, идеи, методы?

Comments

[xonar]

Pardon Me! Where Do I Find 4giveness?, Согласен! Нужно сделать дополнительное поле на codepe, jsfiddle и остальные известные. И одно из них обязательно должно быть заполнено! Или если не песочница, то хотя бы в вопросе должен быть код. Эти проверки стоит реализовать администрации.

[slavkapiyavka]

Pardon Me! Where Do I Find 4giveness?, вы путаете мягкое с тёплым. Тут тонкая грань - это скорее узконаправленный теоретический вопрос, чем просьба решить практическую задачку.

[slavkapiyavka]

Pardon Me! Where Do I Find 4giveness?, если вы применяли подобные приёмы, освещаемые в вопросе - то подскажите, а если нет - не флудите уж.

Answer 1

[Николай]

Используй относительные значения, например проценты или значение высоты и ширины экрана vw и vh. Так же поможет использование значений rem для шрифтовых или размерных блоков.