Comparing CSS Width Units

Posted on Category: Design
Dragonfly on Bulrush leaf by Kōno Bairei (1844-1895). Digitally enhanced from our own original 1913 edition of Bairei Gakan.

Ever wanted to know what every CSS unit looked like when compared to one another? Yeah, me too.

Looks like ‘Inches’ is naturally the widest fixed unit. Beyond the ‘Pixel’ value for fixed widths, none of the others seem that practical as they don’t translate to the physical unit they suggest they are tied to.

So other than the occasional use of ‘Pixel’, I’ll be sticking with fluid units from now on, thank you very much.

My opinions & views expressed may not reflect my employer's.