Переводит размеры между экранными и печатными единицами. Пиксель в CSS не физический: он привязан к 96 точкам на дюйм, поэтому пересчёт однозначен.
em считается от размера шрифта родителя и вкладывается: если у блока 1.2em и внутри ещё элемент с 1.2em, итоговый размер будет 1,44 от исходного. rem всегда отсчитывается от корня документа и не накапливается. Для типографики обычно берут rem, а em оставляют для отступов, которые должны масштабироваться вместе с текстом.
Потому что пункт больше пикселя в 1,33 раза. Двенадцать пунктов — это 16 пикселей, стандартный размер основного текста на сайтах.
Точек и пикселей на дюйм. Для экранов базовым принято 96 ppi, для печати — 300 dpi. Поэтому картинка, которая хорошо выглядит на экране, при печати может оказаться размытой.