Loading lesson path
Concept visual
Start at both ends
Set a default font size (usually 16px) Then, convert a pixel value to em, based on the default size Or, convert an em value to pixels, based on the default size
In the table below, select a body font size in pixels (px) to display a complete "px to em and percent" conversion table.
The default font size is usually 16px. What is the difference between PX, EM and Percent? Pixel is a static measurement, while percent and EM are relative measurements. Percent depends on its parent font size. EM is relative to the current font size of the element (2em means 2 times the size of the current font). So, If the font size of body is 16 pixels, then 150% will be 24 pixels (1.5 * 16), and 2em will be 32 pixels (16 * 2).
CSS Units for more measurement units.