Как сделать адаптивную надпись на фото?

Question

[nebuzi]

Здравствуйте. Помогите пожалуйста сделать адаптивную надпись на фото, т.е что бы при максимальной ширине блока она была на всю его ширину и уменьшалась по мере сужения окна браузера и самого блока + что бы span
с background-color так же был адаптивным.

Answer 1

[Виктор К]

Единственный способ без использования js - указывать font-size в единицах vw, но придется искать "волшебное число"
https://codepen.io/vuldozer-the-styleful/pen/MNEdYw

Все остальные способы используют js скрипты
Вот тут вы найдете десяток разных способов https://css-tricks.com/fitting-text-to-a-container/