@vasilseodor

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

Как адаптировать верстку чтобы шрифты подстраивались под экран? Наприме есть блок 400пкс. в нем шрифт фонт-сайс:90пкс. на 1920 мониторе все отлично. Открываю на 1280 все к чертям летит.
Нет ли приемов подстраивающих шрифты под экран-размер браузерного окна?
  • Вопрос задан
  • 1246 просмотров
Пригласить эксперта
Ответы на вопрос 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.

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

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

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