That definition, of course, leaves a lot of wiggle room, as the terms "be comfortably seen" and "an arm's length away" are imprecise, varying from person to person. When a user is sitting at a desk in front of a desktop, the display is generally substantially farther away from their eyes than when they're on a cell phone, for instance.
-As such, it generally suffices to say that when the unit px is used, the goal is to try to have the distance 96px equal about 1 inch on the screen, regardless of the actual pixel density of the screen. In other words, if the user is on a phone with a pixel density of 266 DPI, and an element is placed on the screen with a width of 96px, the actual width of the element would be 266 {{Glossary("device pixels")}}.
As such, it generally suffices to say that when the unit px is used, the goal is to try to have the distance 96px equal about 1 inch on the screen, regardless of the actual pixel density of the screen. In other words, if the user is on a phone with a pixel density of 266 DPI, and an element is placed on the screen with a width of 96px, the actual width of the element would be 266 {{Glossary("Device pixel","device pixels")}}.
A "pixel" is a single physical "light bulb" on a display that is capable of displaying a full color independent of its neighbours. Computer screens displaying their content in pixels. This physical pixel is also called a "device pixel".
+ +In contrast to the device pixel the {{Glossary("CSS pixel","CSS pixel")}} is a unit of length which roughly corresponds to the width or height of a single dot. The CSS pixel is defined as the physical size of a single pixel at a pixel density of 96 DPI, located an arm's length away from the viewer's eyes. A CSS pixel is therefore equivalent to many device pixels.
+ +