După cum știți, standardul W3C consorțiu CSS 2.1 ne permite să specificați dimensiunile, în special fontul, unitățile absolute și relative.
Prin absolută clasat:
- în - inch. inch. 1 inch = 2,54 cm
- cm - centimetri
- mm - Milimetri
- pt - puncte. articole. 1 punct = 1/72 dintr-un inch. Ceva care se află în lista drop-down, Ward atunci când selectați o dimensiune a fontului, și există puncte
- PC - picas. vârfuri. Peak 1 = 12 puncte
- em - font-size. font înălțimea corespunzătoare (). Doar întâlnit definiția em - ca simbol m lățime.
- ex - x înălțime. înălțime font simbol x corespunzător
- px - pixeli
Ați observat?
Pixelii - unități de măsură relative!
Cum, și tu nu știi. )
CSS 2.1 manual explică:
Și acum, un pic de practică.
Deschidem favorit panoul nostru de control Windows. „Afișaj“ proprietate arată în fila Setări -> Avansat -> General:
96 dpi (puncte per inch). Această - densitate tipică (dpi) Monitoare 1024 × 768 sau cam asa ceva.
De ce este această opțiune pentru noi? 96 dpi înseamnă că un inch a monitorului este de 96 pixeli. Nu, nu am nevoie pentru a ajunge la linia, valoarea reală depinde de monitor, puteți crede fiecare cuvânt. Acest parametru este necesar pentru a converti dimensiunea fizică a matricei monitorului (inci, centimetri, milimetri) în pixeli și invers.
Și acum despre cum să înceapă acest post.
Schimbați rezoluția la 96 dpi (imprimare fină) la 120 dpi (fonturi mari) și a vedea ce va deveni on-line preferat. Și asta nu mai vorbim de programe scrise în conformitate cu rezoluția de 96 dpi.
Problema este că dimensiunea elementelor fixe, cum ar fi de exemplu imagini, ferestre de dimensiuni diferite și zone sunt definite în pixeli. și dimensiuni de font, de regulă, în puncte.
Deși în teorie, PA (agent utilizator) ar trebui să scară pixeli, în practică, pixelii sunt absolute.
Având în vedere monitoarele pe scară largă, cu o diagonală mai mare de 17“, utilizatorii sunt din ce în ce în loc pentru a mări dimensiunea fontului implicit, crește densitatea, refuzul de standard de 96 dpi.
Manifestată un astfel de client non-standard, are un gust în aspectul paginii șablon în elementele cu dimensiunile specificate în pixeli. Un șir de text, sau chiar un cuvânt, este ușor să nu se potrivească într-o coloană cu lățime fixă. Prin urmare, în cazul în care dimensiunile fixe nu pot scăpa de, dimensiunile fontului ar trebui să fie specificate în pixeli. dar nu și în termeni relativi.
De exemplu, dacă o densitate standard de 96 dpi. 14 pt font are o înălțime de:
H = 14 * 96/72 = 18,666 px
Și la o densitate de 120 dpi. 14 pt font este deja înălțimea:
H = 14 * 120/72 = 23.333 px
Recalcularea punctelor (PT) in pixeli (px) este un raport de 1 pt = 1/72 inch:
Aici astfel de aici pixeli :)
P.S. În timp ce băieții de la W3C teoretiza, am avut mult timp pentru a transmite cererea cgi, împreună cu agentul de utilizare, parametri, cum ar fi rezoluția ecranului, dimensiunea zonei de afișare a browserului, dpi și adâncimea de culoare. A-partea de server pur și simplu selectați șablonul dorit. Nu este în secolul 20 în care trăim.