When we would want to know what the resolution is of the 'device' we're using, we have to multiply the width and the height of the 'viewport'; casu quo: the screen. This is the area where 'things' are made visible in - or with - a great number of 'pixels'. These pixels are the smallest adressable unit on the viewport annex screen of your device. Below this paragraph you can find your 'numbers' : width * hight = resolution.
We may - rightfully so - assume that the font-size is generally set to 16px by browsers. This is quite readable on somewhat older screens, but tiny or even unreadable on 'modern' highdpi - meaning a lot of 'Dots Per Inch' - screens with around 2880*1800 pixels or more. That is 5.184.000 tiny pixels glaring at You. Or Your Retina ....... Like the Apple MacBook Series and 'Other Brands' nowadays commonly have. In 'the past days' - of computing - Apple decided their 'dpi' should be 72, this in contrast with - of cause - Microsoft that decided their 'dpi' should be [ 72*4/3 = ] 96. This feat was around 1984 ....... When Apple MacIntosh became 'great news'. But. Their 'standards' wheren't 'long lived' because of 'fast forward technological advancement' and Competing Pirates in Silicon Valley and Else Where in the World. These standards are still causing troubles - for people - behind computers all over the globe though.
With 'highdpi' screens came millions of coulors - or even grays for that matter Colors are produced by setting light intensity of Red, Green and Blue to the varying values needed and if needed combined. The colors in use on this page are - dark but transparent - red yellow green and blue on a redyellowish raw paper surface. If You look at the banners above and below you can see what happens with the 'spreading' of color in the respective banners: the place they take up each individually and the fact it is actually almost looking like a rainbow. This fenomenon is something that 'happened'. I did no calculations for it.
But. It is not only 'size' and 'color' that matters to us. Below the surface of Text and Surrouding Objects like pictures, lists, menues and what have you, there is silent 'layout' going on by 'formatting' and 'scaling' to keep it readable and over all enjoyable. The scale can be calculated by devision of width by height. As You can see above So, apart from Text, resolution and scale have consequences for all surrounding parts of the page You're reading too ....... Including headers and footers. Or banners. In the end the 'User' should have a pleasant 'eXpererience That's where "UX" is likely all about. This 'formatting' is done mostly with 'Cascading Style Sheets' and something like 'JavaScript'. By the way. You can scale the page You're reading with Control or Command + / - ;-)
Not Just Apple and Microsoft are different: Dots are not Pixels.
Dots come from printing and Pixels with Light Emitting Diodes
amongst other technologies like TFT. Apart from dots I just read about eM's
a measuring unit or term used in css 'language' which has an even older history:
from printing with lead ..... Where the M presumably was the widest capital.
Anyhow. Dots are measured on a line pixels are not.
So. Above You can see and read the formula.
ppi= [ horizontal pixels /inches (width) + vertical pixels / inches (hight) ]/2
If the screen has a known diagonal of 15.4 inch - like mine -
the width and height can be caculated from the hypotenusa
according the rule a
The Text I wrote - contained in 'HyperTextMarkupLanguage',
which takes part in the formatting - is formatted with 'css' to be centered
on the page You're reading. Javascript was used to get the resolution and ratio.
The 'sidepanels' - hidden by default with css ;-) - will give You some more
information about Text. You can use one of the hexagon 'buttons' to call them.
This is done with javascript also.
text (n.) late 14c., "wording of anything written," from Old French texte, Old North French tixte "text, book; Gospels" (12c.), from Medieval Latin textus "the Scriptures, text, treatise," in Late Latin "written account, content, characters used in a document," from Latin textus "style or texture of a work," literally "thing woven," from past participle stem of texere "to weave, to join, fit together, braid, interweave, construct, fabricate, build," from PIE root *teks- "to weave, to fabricate, to make; make wicker or wattle framework." An ancient metaphor: thought is a thread, and the raconteur is a spinner of yarns — but the true storyteller, the poet, is a weaver. The scribes made this old and audible abstraction into a new and visible fact. After long practice, their work took on such an even, flexible texture that they called the written page a textus, which means cloth. [Robert Bringhurst, "The Elements of Typographic Style"] Meaning "a digital text message" is from 2005.
text (n.) late 14c., "wording of anything written," from Old French texte, Old North French tixte "text, book; Gospels" (12c.), from Medieval Latin textus "the Scriptures, text, treatise," in Late Latin "written account, content, characters used in a document," from Latin textus "style or texture of a work," literally "thing woven," from past participle stem of texere "to weave, to join, fit together, braid, interweave, construct, fabricate, build," from PIE root *teks- "to weave, to fabricate, to make; make wicker or wattle framework." An ancient metaphor: thought is a thread, and the raconteur is a spinner of yarns — but the true storyteller, the poet, is a weaver. The scribes made this old and audible abstraction into a new and visible fact. After long practice, their work took on such an even, flexible texture that they called the written page a textus, which means cloth. [Robert Bringhurst, "The Elements of Typographic Style"] Meaning "a digital text message" is from 2005.
text (n.) late 14c., "wording of anything written," from Old French texte, Old North French tixte "text, book; Gospels" (12c.), from Medieval Latin textus "the Scriptures, text, treatise," in Late Latin "written account, content, characters used in a document," from Latin textus "style or texture of a work," literally "thing woven," from past participle stem of texere "to weave, to join, fit together, braid, interweave, construct, fabricate, build," from PIE root *teks- "to weave, to fabricate, to make; make wicker or wattle framework." An ancient metaphor: thought is a thread, and the raconteur is a spinner of yarns — but the true storyteller, the poet, is a weaver. The scribes made this old and audible abstraction into a new and visible fact. After long practice, their work took on such an even, flexible texture that they called the written page a textus, which means cloth. [Robert Bringhurst, "The Elements of Typographic Style"] Meaning "a digital text message" is from 2005.
text (n.) late 14c., "wording of anything written," from Old French texte, Old North French tixte "text, book; Gospels" (12c.), from Medieval Latin textus "the Scriptures, text, treatise," in Late Latin "written account, content, characters used in a document," from Latin textus "style or texture of a work," literally "thing woven," from past participle stem of texere "to weave, to join, fit together, braid, interweave, construct, fabricate, build," from PIE root *teks- "to weave, to fabricate, to make; make wicker or wattle framework." An ancient metaphor: thought is a thread, and the raconteur is a spinner of yarns — but the true storyteller, the poet, is a weaver. The scribes made this old and audible abstraction into a new and visible fact. After long practice, their work took on such an even, flexible texture that they called the written page a textus, which means cloth. [Robert Bringhurst, "The Elements of Typographic Style"] Meaning "a digital text message" is from 2005.
