Задать вопрос
@vasilseodor

Как адаптировать шрифты под экран?

Как адаптировать верстку чтобы шрифты подстраивались под экран? Наприме есть блок 400пкс. в нем шрифт фонт-сайс:90пкс. на 1920 мониторе все отлично. Открываю на 1280 все к чертям летит.
Нет ли приемов подстраивающих шрифты под экран-размер браузерного окна?
  • Вопрос задан
  • 1252 просмотра
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
gassmonkey
@gassmonkey
Провокатор
У меня размер одежды 52, когда его ношу, всё отлично. Надеваю 46-ой, всё к чертям рвётся. Что делать?

Очевидно, менять размер шрифта на нужный при нужных разрешениях через медиа запросы (более правильное решение). Либо использовать относительные размеры.
Ответ написан
Комментировать
inomdzhon92
@inomdzhon92
html, css, js, nodejs
К примеру так:
codepen.io/anon/pen/zGLqeG
По уменьшайте ширину мини-браузера.

Принцип следующий:
1. для html задаем font-size (я обычно задаю 62.5%);
2. задаем текстам относительные единицы измерения (rem);
3. в media запросах изменяем font-size только у html.

При 62.5% текст, к примеру, со значением 1.4 rem, тоже самое, если бы мы написали 14px.

Но это не панацея.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽