Как em может быть лучше, чем px в адаптивной сетке Zurb Foundations?

Медиа-запросы Zurb Foundation определены в em:

$small-range: (0em, 40em); /* 0, 640px */
$medium-range: (40.063em, 64em); /* 641px, 1024px */
$large-range: (64.063em, 90em); /* 1025px, 1440px */
$xlarge-range: (90.063em, 120em); /* 1441px, 1920px */
$xxlarge-range: (120.063em); /* 1921px */

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

Если бы я хотел изменить размер основного шрифта, мне пришлось бы пересчитывать все это, верно? Я бы использовал PXtoEM.com

Искал в интернете хороший ответ на этот вопрос, но не нашел...

Итак, я все еще не понимаю, зачем в этом случае использовать em вместо px? (Мой опыт работы с css таков: если я не понимаю, мне нужно этому научиться)