Как задать зависимость кнопки от размера блока?

Question

[Ingernirated]

Добрый день, подскажите.
Есть такой код, но выглядит это стрёмно.
Как сделать так, чтобы кнопка была по ширине её текста внутри?
И при этом, чтобы их размеры зависели от размера блока, если он будет меньше, то и размер шрифта, как и кнопки тоже на такое же соотношение уменьшились?
С отступами такая же беда получилась.
https://jsfiddle.net/n6ovknnh/

Comments

[Андрей]

Адаптивный font-size. Поиск реализаций

Answer 1

[Александр Цымбал]

вам поможет такая единица измерения как viewport width (vw). Задайте рутовому элементу (body, например), размер шрифта, к примеру, font-size: 1.4vw , и попробуйте масштабировать. 1vw - это 1% от ширины экрана браузера.
вот пара живых примеров сайтов с версткой, опирающейся на ширину экрана:
test7.tsymbal.su/index3.php
babycarmebel.ru