@LissaAlbatross

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

На маленьком разрешении - большой, а на больших- мелкий? Как единожды задать шрифт для разных экранов, чтобы он не "ехал"?
  • Вопрос задан
  • 75 просмотров
Решения вопроса 2
TTATPuOT
@TTATPuOT
https://code.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
Нажимательщик кнопков
1) использовать в CSS медиа-запросы @media (max-width: 768px)например

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

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

Войти через центр авторизации
Похожие вопросы
21 февр. 2020, в 16:22
650000 руб./за проект
21 февр. 2020, в 16:07
80000 руб./за проект
21 февр. 2020, в 15:34
75000 руб./за проект