Задать вопрос
@np_1_1
css

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

Привет! Начал делать и возник вопрос: что нужно сделать, чтобы масштаб картинки и текста одновременно изменялись?
Первая картинка-исходник,вторая-макет при масштабе 100%, третья -при масштабе 125% и текст съехал уже. Вот как сделать,чтобы текст не съезжал,а был зафиксирован.
dba6e31c8cb2433cb77fbc5584758bb6.png40a758d631dc4696a496d85cd914475b.png566c18b9214a4b64af9e4ed7d654b80a.png
  • Вопрос задан
  • 317 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
@LysenkoSasha
Нужно его адаптировать. Используйте rem для размера шрифта. + использовать медиа запросы, к примеру минимальная ширина окна 1200 px используете 1.5rem для этого текста, при размере окна менше чем в 1200px используете 1.2 rem.

Вот можете почитать это
https://academy.bindtuning.com/fluid-type-for-resp...
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Прием WebRTC через Socket io в unity c#
26 апр. 2024, в 13:12
2000 руб./за проект
Настроить AmoCrm для туристического агентства
26 апр. 2024, в 13:06
500 руб./в час
Доработка функционала десктоп приложения (CRM) для Windows
26 апр. 2024, в 13:00
30000 руб./за проект
Ещё заказы