01 · Why We Built It
What is the 96 CSS PPI fallacy in online rulers?
The 96 CSS PPI fallacy is the widespread engineering mistake of assuming that 96 browser CSS pixels equal 1.00 physical inch on every user’s screen. Under the W3C CSS Values and Units Module Level 4 specification, 1 CSS inch is permanently locked to 96 CSS pixels (3.7795 CSS pixels per millimeter) so typography scales legibly at viewing distance. However, consumer hardware panels range from 81.6 CSS PPI on 27-inch desktop monitors to over 150 CSS PPI on smartphones and Retina laptops, causing uncalibrated web rulers to err by 10% to 35%. Online Ruler Plus was built to solve this flaw by placing ISO/IEC 7810 physical calibration at the core of the rendering engine.