Какие они?
Оба они являются относительными единицами измерения CSS. В отличие, например, от пикселей, которые имеют фиксированное измерение.
В чем их главное различие?
ems примет rems, которые, в отличие от ems, последовательны. Они не зависят от значений, установленных родителями текущего элемента. Они устанавливают размер относительно корневого элемента страницы, в данном случае HTML.
Как вы их используете?
Единица ems равна вычисленному размеру шрифта для элемента, к которому применяется em. Если нигде в CSS размер шрифта не определен, единица em будет равна размеру шрифта по умолчанию в браузере для документа, который обычно составляет 16 пикселей. 1em = 16px em size = pixel size/16
Мы можем рассчитать ремы по следующей формуле, если размер шрифта элемента body составляет 16 пикселей:
rem = pixels/16
На pxtoem.com вы можете легко конвертировать пиксели в em, даже настраивая свои em потребности.
Заключение:
Использование любого из них было бы лучше, чем пиксельных единиц, потому что его использование не позволяет настройкам браузера вносить какие-либо изменения размера.
Оба они дают нам гибкость в нашем дизайне, работая одинаково. Тем не менее, важно уметь различать их, потому что именно так браузер определяет значение пикселей, в которое они переводятся. Использование одного из других будет зависеть от ваших потребностей.
