По CSS: в чём отличие между пикселями и rem?

px — CSS-пиксель, а rem — размер относительно font-size корневого элемента документа, обычно html.

CSS-пиксель не обязан совпадать с физическим пикселем экрана. rem удобен для согласованного масштабирования типографики и отступов, но не делает интерфейс адаптивным автоматически. Масштаб браузера влияет и на px; проверять доступность нужно при реальном увеличении текста и страницы.