A pixelek vagy mi betűméret beállítása - Urth - s birtok

Mint azt mindannyian tudjuk, a W3C konzorcium CSS 2.1 szabvány lehetővé teszi számunkra, hogy határozza meg a méreteket, különösen a betűtípust, az abszolút és a relatív egységekben.

Abszolút legjobbnak:

  • in - hüvelyk. hüvelyk. 1 hüvelyk = 2,54 cm
  • cm - centiméter
  • mm - milliméter
  • pt - pont. terméket. 1 pont = 1/72 hüvelykkel. Valami, ami a legördülő listából, Ward, amikor kiválasztunk egy betűméretet, és vannak pontok
  • pc - pica. csúcsokat. 1. csúcs = 12 pont
  • em - font-size. magassága megfelelő betűtípus (). Csak találkozott meghatározása em - jeleként m széles.
  • ex - x-magassága. szimbólum X megfelelő font magassága
  • px - képpont

Észrevetted?
Pixels - relatív mértékegységek!
Hogyan, és nem tudod. )

CSS 2.1 kézikönyv leírja:

És most egy kis gyakorlás.

Megnyitjuk a kedvenc Windows Vezérlőpult. A „Display” tulajdonság néz a Beállítások fül -> Speciális -> Általános:

96 dpi (dots per inch). Ez - a tipikus sűrűségű (dpi) monitorok: 1024 × 768, vagy úgy.
Miért van ez a lehetőség a számunkra? 96 dpi azt jelenti, hogy egy inch monitor 96 pixel. Nem, nem kell, hogy elérje a sor, a tényleges érték függ a monitor, akkor hinni minden szavát. Ez a paraméter szükséges átalakítani a fizikai méretét a monitor mátrix (hüvelyk, centiméter, milliméter) képpont, és fordítva.

És most arról, hogyan kell elkezdeni ezt a bejegyzést.

A felbontás 96 dpi (apróbetűs) 120 dpi (Nagy betűk), és mi lesz a kedvenc online. És ez nem is beszélve a programokat írt alá a felbontás 96 dpi.
A probléma az, hogy a méret a rögzített elemek, mint például a képek, az ablakok mérete és a területek az pixel. és betűméret, mint általában, a pontokat.

Bár elméletileg, PA (user agent) kell méretezni pixel, a gyakorlatban a pixelek abszolút.

Tekintettel arra, hogy széles körben elterjedt monitorok, átlós több mint 17”, a felhasználók egyre több áll növelni a méretét az alapértelmezett betűtípus, sűrűség növelésére, megtagadja a szabványos 96 dpi.

Nyilvánul meg, mint a nem szabványos ügyfél íze az oldal sablon elrendezést az elemeket a megadott méretek pixel. A sztring, vagy akár egy szót, akkor könnyen lehet, hogy nem fér el a rögzített szélességű oszlopot. Ezért, ha a fix méretek nem megszabadulni, betűméretet kell meghatározni pixel. de nem relatív.

Például, ha egy normál sűrűsége 96 dpi. 14 pt font magassága:

H = 14 * 96/72 = 18,666 px

És sűrűségben 120 dpi volt. 14 pt font már a magasság:

H = 14 * 120/72 = 23,333 px

Újraszámítása pontok (PT) a pixel (képpont) egy arány 1 pt = 1/72 inch:

Itt például itt a pixelek :)

Ui Míg a fiúk a W3C elméletet, amit már rég el kellett haladnia a CGI kérelmet, valamint a felhasználói ügynök, paraméterek, mint a képernyő felbontása, mérete a böngésző megjelenítési területe, dpi és színmélységet. A szerver oldali egyszerűen válassza ki a kívánt sablont. Ez nem a 20. században élünk.

Kapcsolódó bejegyzések:

Hozzászólás navigáció