@LissaAlbatross

Почему для разных экранов шрифт em — разный?

На маленьком разрешении - большой, а на больших- мелкий? Как единожды задать шрифт для разных экранов, чтобы он не "ехал"?
  • Вопрос задан
  • 66 просмотров
Решения вопроса 2
TTATPuOT
@TTATPuOT
https://patriotovsky.ru/
В CSS есть несколько типов единц измерения. Вроде, px, em, % и rem. Наверное, ещё есть, но это - основное.
Более того, существую экраны 27 дюймов с разрешением 1280x720 пикселей. А существуют экраны 27 дюймов с разрешением 1920x1080. На втором текст будет меньше, чем на втором просто из-за количества пикселей на экране доступных.
На телефонах, обычно, браузеры принимают 1 пиксель за 2-4-8 пикселей реальных. Как-бы "увеличивают" страницу для более удобного восприятия человеком.

Статьи по теме:
https://getinstance.info/articles/css/css-font-sizing/
https://developer.mozilla.org/ru/docs/Web/CSS/@media
Ответ написан
Ankhena
@Ankhena
Нежно люблю верстку
Давайте разбираться.
em - это размер шрифта родительского элемента.
У большинства браузеров шрифт по умолчанию 16px.
Предположим, что для контентного блока задан шрифт 1em и больше никаких правил для шрифта для родительских элементов не было и в браузере не установлен увеличенный или уменьшенный шрифт. Значит, размер шрифта будет 16px.
Мониторы бывают разного размера и с разным разрешением. Например, 13" ноут может быть с разрешением и 1920 и 1280 (не ограничиваясь этими размерами).
Соответственно, 16px будут выглядеть по разному на одном и том же мониторе при смене разрешения.

Вы можете задать размер шрифта (и не только шрифта) в vw. Но на мелких экранах ждет сюрприз: шрифт окажется очень мелким, возможно, даже и вовсе нечитаемым, хоть и будет соответствовать вашему требованию.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
flapflapjack
@flapflapjack
Fool stuck deviloper
1) использовать в CSS медиа-запросы @media (max-width: 768px)например

И, да. Не расширения разные, а разрешения разные. У монитора - разрешение. У файла - расширение.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
от 40 000 руб.
Риверстарт Нижний Новгород
от 40 000 до 100 000 руб.
EducaGroup Санкт-Петербург
от 80 000 руб.
21 авг. 2019, в 18:58
100 руб./за проект
21 авг. 2019, в 18:32
5000 руб./за проект
21 авг. 2019, в 18:21
1000 руб./за проект