Mi adaptív elrendezése

Tehát, hogy mit értünk a szó „reagáló”? Érzékeny elrendezés - ezt az elrendezést, amely automatikusan beállítja a (alkalmazkodni) Az állásfoglalás szerint az eszköz, amely jelenleg az oldal megtekintésével a felhasználó. Például, ha megnézi az oldalt a nagy képernyőn, vagy TV-vel, akkor lesz egy leképezés az oldalon, és ha nézi ugyanazt az oldalt, például egy mobil eszköz, akkor egy teljesen más képet ezen az oldalon.

Amellett, hogy a fenti, a vevők egyre inkább kell tennie, hogy az adaptív elrendezése. ezért ismerniük kell, és annak előírására, hogy ezt a módszert kell a modern webes fejlesztő.

Először azt kell kideríteni, hogy mi szerepel a „adaptív elrendezés”? És ez a koncepció tartalmazza:

• rugalmas betűtípus
• Rugalmas elrendezés alapján egy rács
• rugalmas kép
• médialekérdezéseket

Rugalmas betűtípusok - fonts, hogy nem mereven meghatározott képpont (pixel), és em. amelynek értéke változhat.

Nézzünk egy egyszerű példát

test font-size: 16px;
>

Amit itt jelzett? Nem csak írni a test 16px-címkét. mert ez a betűméret alapértelmezés szerint fogadja a böngészőben. Most kell, ettől az értéktől függően határozza meg a betűméretet a 24px h1 fejlécet. Hogyan kell csinálni? Ez nagyon egyszerű! Ehhez a képlet

target / összefüggésben = eredmény

Emlékezz a képlet, még mindig hasznos a számunkra.

Meg kell, hogy 24px betűméretet. nem igaz? - ez lesz a célunk.

Mi az alapértelmezett font - 16px - ebben az összefüggésben.

Hisszük: 24/16 = 1,5

Ie mérete h1 1.5em.

Szóval, hogy ki.

Menjünk előre, és beszélni egy rugalmas rács.

Rugalmas kép - egy nagyon fontos, és valójában nem is nehéz téma.

Rugalmas kép - egy kép, amely nem statikus minden blokk, és a változás méretük felbontásától függően a felhasználó képernyőjén, és az oszlop szélességét. Ez nagyon könnyen megvalósítható, de sok csapdát rejt a böngésző az Internet Explorer. de fogunk beszélni őket.

És az utolsó - médialekérdezés.

Médialekérdezéseket - ezek a feltételek, amelyek vagy teljesített vagy nem hajtja végre.

Ezek és bonyolultabb körülmények között készülnek médialekérdezések, és ez is nagyon érdekes téma, ami nagyon részletes bemutatását a megfelelő cikk.

Szóval, ma megbeszéltük, hogy mit adaptív elrendezése. mit tartalmaz ez a koncepció, és még megtanult rugalmas betűtípusokat.

Köszönöm a figyelmet, és ne hagyja ki a következő cikket!