Почему Они?

Это перевод заметки Криса Койера.

Почему Эмс? на css-tricks.com.



Я использую его в течение длительного времени пикселей чтобы установить размер шрифта, который предотвращал изменение размера шрифта в Internet Explorer 6-8. Идти к Эм имеет ряд преимуществ, и в этой статье они подробно рассмотрены.

Изменение размера шрифта на разных экранах

Например, в CSS-стилях сайта размер шрифта разные типографские элементы указаны 50 раз в пикселях.

В этом случае, используя медиазапросы для масштабирования, вам придется настроить каждый из этих 50 размер шрифта .

Однако если вы зададите размеры в Эм , то вам останется только внести изменения в тег тело и имущество перейдет по наследству:

   

 body {
   font-size: x-large;
 }
 @media (max-width: 1000px) {
   body { font-size: large; }
 }
 @media (max-width: 500px) {
   body { font-size: medium; }
 }
 

   

Разные пиксели

Подробнее о разнице читайте в статье CSS px — это угловое измерение .

Относительное дополнение

Вы не можете использовать такие конструкции, как отступ слева: 20 пикселей , потому что эти 20 пикселей постоянны и не меняются в зависимости от размера шрифта.

И если вы укажете отступы в Эм , то они станут относительными.

Соединения

Ложка дегтя

Проблему можно решить, используя ли ли {размер шрифта: 1em; } однако это очень утомительно.

Это может помочь назначение размеров шрифта в rem , однако не все браузеры поддерживают этот метод (IE 9+).

Теги: #CSS #EM #Разработка сайтов #CSS

• Курс Юного Бойца. Практический Курс По Cisco Packet Tracer. Заключение

  19 Oct, 24

• «Группа Газ» Планирует Создать Беспилотный Автомобиль При Господдержке

  19 Oct, 24

• Студенты Из Огайо Пытаются Разогнать Электромобиль Вбб-3 До 643,75 Км/Ч

  19 Oct, 24

• Иван Чашкин: «Мне Нравится, Что Openstreetmap — Это Открытые Данные, Которые Всегда Доступны Каждому»

  19 Oct, 24

• Никто Ни Черта Не Знает, Что Делает, Или Три Вида Знаний

  19 Oct, 24

• Рекомендации По Внедрению Параллельного Учета Рсбу+Мсфо На Платформе 1С

  19 Oct, 24

• Обзор Обновления 4 Veeam Cloud Connect

  19 Oct, 24

• Самобалансирующиеся Роботы Anybots Для Мирных Целей

  19 Oct, 24

• Запишите Свой Терминал

  19 Oct, 24

• Вр – Выпуск №8

  19 Oct, 24