Hogyan számoljuk ki árrés css fejléc

  • CSS
  • HTML
  • smink
  • Sass
  • bootstrap

Azt, hogy ki két tipográfiai rész két könyvtár: Foundation Bootstrap 3 és 5.

Meg kell tenni annak érdekében, hogy a h1-h6.

Mire van szüksége:
  • rugalmasság
  • Ha a betűméretet változása bázis, mint a többi pénz váltó fejlécét.
  • Szintén megváltozott, és a vonal magassága és padding.
  • És mindent helyesen jelenik meg, hiba nélkül, nem volt értelme az írástudatlanság a bemélyedés (a legnehezebb része, hogy hogyan számítják ki matematikailag).

Bootstrap 3 - rekesz, mint minden pixel.

Alapítvány 5 - kérjen html
A többi REM: font-size, line-height, margin-top, margin-bottom.

Szintén a tollal (vagy SASS) fogja megadni az alapvető méreteit H1-H6:


Meg kell tenni annak érdekében, hogy a line-height, margin-top, margin-bottom.

Igyekszem, hogy összekapcsolják a két gyakorlat nem értem.
A bootstrap struppirovany: a H1, H2, H3 fejezetek egyedül otsutupy. h2, h3, h4 - mások.

Az Alapítvány - az azonos minden h1-h6. margin-top: 0.2rem; margin-bottom: 0.5rem; - úgy tűnik, hogy rossz, mert Betűméret más. De ez úgy valósul meg a nagy line-height. mert ha h6 lesz többsoros kijelző a probléma elhárításához.

Milyen igaz és a legjobb gyakorlat, hogy az ilyen nyomdai elrendezés?
Annak beállítása (változó valós idejű) html font-size, hogy megfelelő és helyesen megjeleníteni.

A túl pozmozhno a változók, hogy módosítsa a méret az egyes h (1-6) beállításához francia és a vonal magassága.

Természetesen IE8 támogatás nem szükséges, és nincs vágy.

Kapcsolódó cikkek