In CSS, what is the difference between em and px?

Answer 1

em: Equal to the font-size of the document. If the font-size of the document is 16pt, then 1em = 16pt. EM is typically used for media queries.

px: absolute sized units on a screen that never change. They are not used too much in modern responsive web design.

Also look into rem as well ;)