Зачем некоторые используют в указании размера шрифта «em»?

Question

D9d9jack @D9d9jack

HTML
CSS

Зачем некоторые используют в указании размера шрифта «em»?

Есть ли разница между пикселями и em?

Вопрос задан более трёх лет назад
705 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Пригласить эксперта

Ответы на вопрос 4

Комментировать

1 комментарий

Андрей Федоров @aliencash
> 1em равен размеру шрифта, заданного в браузере по умолчанию

Я бы не сказал. Вы можете переопределить этот размер - для body {font: normal normal 32px/1.2 sans-serif}, тогда 1em будет 32px, в не то, что указано в браузере.
Вопрос на засыпку, каким размером шрифта будет выведена надпись test в коде ниже? )
<body style="font: normal normal 32px/1.2 sans-serif"> <div style="font-size: .9em"> <div style="font-size: 1.1em"> test </div> </div> </body>
Написано более трёх лет назад

Комментировать

Ваш ответ на вопрос

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

Похожие вопросы

HTML

+3 ещё

Простой
Почему появляется горизонтальная прокрутка на мобильном (overflow включен)?
- 1 подписчик
- 17 часов назад
- 63 просмотра
1

ответ
HTML

+3 ещё

Простой
Где и как найти переменные локальной игры на html5?
- 1 подписчик
- вчера
- 76 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему дублируются изображения?
- 1 подписчик
- вчера
- 73 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 24 нояб.
- 214 просмотров
2

ответа
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 23 нояб.
- 111 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 23 нояб.
- 113 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 23 нояб.
- 116 просмотров
0

ответов
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 22 нояб.
- 82 просмотра
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- 22 нояб.
- 64 просмотра
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- 22 нояб.
- 65 просмотров
1

ответ
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Пригласить ключевых партнеров

26 нояб. 2024, в 21:30

30000 руб./за проект

Сайт по продаже сертификатов по макетам figma

26 нояб. 2024, в 20:38

120000 руб./за проект

Сделать фичеринг для рустора

26 нояб. 2024, в 20:08

1000 руб./за проект

Answer 1 · 2016-07-02 09:32:29

для адаптивной типографики
1em это шрифт родителя
есть еще 1rem - это шрифт html тега

Это удобно, задаете для текста 1rem, заголовкам h1, h2, h3 - 1.7rem, 1.9rem, 2.1rem. Каким то другим элементам 0.8rem и тд.
Для больших мониторов задаете font-size: 18p, для планшетов - 16px, для телефонов 14px и все размеры шрифтов на странице меняются пропорционально.

em тоже самое, только вместо html берет размер шрифта родительсково блока
https://habrahabr.ru/post/280125/

Answer 2 · 2016-07-02 01:49:46

htmlbook.ru/content/edinitsy-izmereniya
1em равен размеру шрифта, заданного в браузере по умолчанию
1px - это один пиксель, при изменении настроек браузера не изменится
Есть еще rem.

Answer 3 · 2016-07-02 05:18:53

Карен Мнацаканян @karjan

Посмотрите в калькуляторе pxtoem.com

Ответ написан более трёх лет назад

Комментировать

Answer 4 · 2016-07-02 11:19:35

VsWeb @VsWeb

Я прокачаю ваш сайт.

Вообщет не некоторые, а все.

Ответ написан более трёх лет назад

Комментировать

Зачем некоторые используют в указании размера шрифта «em»?

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

Минуточку внимания

Войдите на сайт