There are actually 50 CSS length units

Following my previous learning that there are 44 CSS length unit, there are actually 50 length units.

Adam Argyle has updated us that there is 6 more that were missing from the list:

Viewport

Unit Definition
svmin The small viewport of vmin
lvmin The large viewport of vmin
dvmin The dynamic viewport of vmin
svmax The small viewport of vmax
lvmax The large viewport of vmax
dvmax The dynamic viewport of vmax

Small vs Large vs Dynamic Viewport

  • "Large Viewport" is the largest possible viewport which includes the browser UI.
  • "Small Viewport" is smallest possible viewport, leaving space for the browser UI.
  • "Dynamic Viewport" is automatically sized in response to browser UI expanding or retracting.

Learn More