# 058: A Galéria egyedi fejléce, 2. rész (Reverso Media lekérdezésekkel) - CSS-trükkök

Anonim

Megvan az alap galéria fejléc, de hiányzik azokból a kis kék emberekből, akiket Erica az eredeti illusztrációba helyezett. Előre beszéltünk róla, és úgy döntöttünk, hogy nagyon jó lenne, ha a képernyő átméretezésénél az emberek a helyükön maradnának, amikor a galéria fal mögöttük mozog, ezért úgy néz ki, mintha féltve böngésznék a galériát.

Mivel az emberek grafikája tisztán ornemantális, a jelölés használata számukra nem ideális. Szerencsére kettő van, és minden elemre ( ::beforeés ::after) két szabad álelemet kapunk . Ezeket használjuk hozzá.

Ebben a videóban bemutatunk egy koncepciót, amely továbbra is hasznos lesz, a „reverso média lekérdezések” fogalmát. Nagyrészt asztali lefelé dolgozunk ebben a kialakításban, így a média lekérdezéseink leginkább ezeken alapulnak max-width. De ha ugyanazokat a média lekérdezéseket min-widthállítjuk be , akkor csak akkor tudjuk megcélozni a képernyőt, ha az nagyobb, mint egy bizonyos méret, és nem kisebb.

Ebben a helyzetben az emberek grafikája egyszerűen nem fér el a kis képernyőkön. Tehát egy reverso média lekérdezést használunk a betöltésükhöz, így azokat nagy képernyőkre töltjük, amelyeken dolgoznak, de ne töltsék be kicsi képernyőkre. Ez jobb, mint állandóan betölteni és kis képernyőkre rejteni.