Задать вопрос
@nebuzi
html

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

Здравствуйте. Помогите пожалуйста сделать адаптивную надпись на фото, т.е что бы при максимальной ширине блока она была на всю его ширину и уменьшалась по мере сужения окна браузера и самого блока + что бы span
с background-color так же был адаптивным.
  • Вопрос задан
  • 107 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@vuldozer
Единственный способ без использования js - указывать font-size в единицах vw, но придется искать "волшебное число"
https://codepen.io/vuldozer-the-styleful/pen/MNEdYw

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать личный кабинет в фигме
26 апр. 2024, в 03:47
5000 руб./за проект
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Ещё заказы