В CSS существует несколько единиц измерения, что периодически приводит к путанице: какие единицы использовать? Давайте рассмотрим употребление некоторых из них. ⠀ ✔️ px — это абсолютная единица измерения величины объектов относительно размера экрана. ⠀ Представим ситуацию, что при помощи px задано 100 элементов и нужно изменить их размеры. Тогда придется это делать вручную. А если изменения потребуются опять? ⠀ В таком случае на помощь приходят относительные (пропорциональные) единицы измерения...

Итак, очередной вольный перевод статьи Zell Liew под названием «PX, EM or REM Media Queries?».  Все примечания автора и его плоские шуточки окрашены в светлый цвет, дабы не мозолить глаза. Погнали!+ Вы когда-нибудь задумывались о том, какие единицы использовать в медиа-запросах: px, em или rem? Я вот задумывался и теперь решил выяснить, что же использовать. Когда я создавал библиотеку mappy-breakpoints, чуть больше года назад, я использовал rem-ы. Затем, после разговора с Sam Richard, я переключился на em, потому что узнал, что особой разницы между ними нет...