Как масштабировать контент в div?

Question

[Макс]

Есть блок. Сейчас он сделан просто картинкой со стилем:

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

Необходимо чтобы шрифты и фон регулировались пропорционально ширине браузера пользователя.
Можно ли как то быстро реализовать аналогичный блок средствами css?
Я так понимаю надо создать 4 дива с % шириной и масштабировать шрифты через vw или vh ?
Не пойму только как высоту пропорционально регулировать.

Answer 1

[Александр Хиренко]

А CSS media queries Вам не подходят?

Answer 2

[teotlu]

Чтобы пропорционально регулировать высоту, придётся использовать либо те же vw и vh, либо padding-bottom в процентах, например так:
jsfiddle.net/yyc7vk0b

Только учитывайте, что vw и vh поддерживаются не всеми браузерами.