Maxim_Kalinin
@Maxim_Kalinin

Как сделать отзывчивый размер шрифта, но с Pixel Perfect на определённой ширине экрана?

У меня есть дизайн сайта в Figma для разных размеров экрана (мобильный, планшетный и десктопный). Как сделать так, чтобы размер шрифта плавно менялся между этими размерами экрана, при этом совпадал с макетом в Figma?

Тот же вопрос касается ширины/высоты иконок или картинко. Как плавно менять их размеры от ширины экрана, но иметь pixel perfect на некоторых ширинах экрана, для которых есть макет?

Пример:
Ширина экрана: 320px, 768px и 1920px.
Размеры шрифта: 40px, 76px и 112px соответственно.
На этих трёх ширинах размер шрифта должен совпадать с макетом, но между этими точками шрифт должен плавно меняться.
  • Вопрос задан
  • 108 просмотров
Пригласить эксперта
Ответы на вопрос 1
@hesrun
Как-то давно находил эту статью
https://css-tricks.com/using-a-mixin-to-take-the-m...

Второй вариант юзать vw единицы измерения, и на контрольной точке, обновлять как в макете.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы