From 0d4eedf8edfaf4354eca4cb85ca2d7e634d9467c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alexander=20He=C3=9F?= <44900696+CreaTorAlexander@users.noreply.github.com> Date: Tue, 16 Mar 2021 12:53:05 +0100 Subject: [PATCH] New Glossary Page Fixes #2682 (#2695) * My First Site, Added Glossary Site and fixed the link to device_pixel instead of device_pixels, Fixes #2682 * Applied the Feedback * copy edit Co-authored-by: Chris Mills --- files/en-us/glossary/css_pixel/index.html | 2 +- files/en-us/glossary/device_pixel/index.html | 25 ++++++++++++++++++++ 2 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 files/en-us/glossary/device_pixel/index.html diff --git a/files/en-us/glossary/css_pixel/index.html b/files/en-us/glossary/css_pixel/index.html index f02cc2aa96b66c3..3ab6def59a87ef1 100644 --- a/files/en-us/glossary/css_pixel/index.html +++ b/files/en-us/glossary/css_pixel/index.html @@ -16,7 +16,7 @@

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")}}.

Learn more

diff --git a/files/en-us/glossary/device_pixel/index.html b/files/en-us/glossary/device_pixel/index.html new file mode 100644 index 000000000000000..17fe399daa8f85f --- /dev/null +++ b/files/en-us/glossary/device_pixel/index.html @@ -0,0 +1,25 @@ +--- +title: Device pixel +slug: Glossary/Device_pixel +tags: + - physical pixel + - device pixel + - Glossary + - height + - length + - pixel + - size + - unit + - width +--- + +

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.

+ +

Learn more

+ +