CSS Pixel
One of the units that we can use in CSS is a px
. The name is confiusing,
because the CSS px does not represent the display pixel. Instead, it is a
Reference Pixel. The
general rule is that 96 px (CSS px) = 1 inch. This is physically true on
hi-dpi displays, and less true on low-dpi ones. W3C initially required all CSS
engines to render absolute sizes in a correct way, according to physical
dimensions. However, manhy implementations did not follow that and W3C
eventually dropped that requirement
(source).
It is important, because it means that our current webpages that have sizes defined in px will continue to work in the future as higher resolution screens are developed.