Преимущества использования em вместо пиксельного размера в веб-разработке:

• Адаптивность размера шрифта. 1 Размеры, заданные в em, будут уменьшаться или увеличиваться вместе со шрифтом. 2 Например, внутренний блок с 2em всегда будет иметь размер шрифта в два раза больше шрифта во внешнем блоке, как бы его ни меняли. 3
• Возможность учесть нестандартный шрифт у пользователя в системе. 3 Например, если основной шрифт страницы составляет 18px, а остальные высчитаны в em, то, чтобы пропорционально увеличить или уменьшить шрифты на всех страницах сайта, достаточно поменять основной шрифт шаблона. 4
• Иерархия размеров. 3 Например, если внутренний блок с 2em всегда будет иметь размер шрифта в два раза больше шрифта во внешнем блоке, как бы его ни меняли, то это удобно для создания дизайна. 3