# 058: Glava po meri za galerijo, 2. del (z medijskimi poizvedbami Reverso) - CSS-triki

Anonim

Osnovno glavo galerije imamo na mestu, manjkajo pa mali modrčki, ki jih je Erica dala na prvotno ilustracijo. O tem smo se že vnaprej pogovorili in se odločili, da bi bilo v redu, če bi ljudje, ko bi spremenili velikost zaslona, ​​ostali na mestu, ko bi se stena galerije pomikala za njimi, zato je videti nekako tako, kot da v strahu brskajo po galeriji.

Ker so grafike ljudi povsem ornamentalne, uporaba oznak zanje ni idealna. Na srečo sta dva in na vsakem elementu ( ::beforein ::after) dobimo dva brezplačna psevdo elementa . Te uporabimo za njihovo dodajanje.

V tem videoposnetku predstavljamo koncept, ki bo še naprej koristen, koncept "reverso media queries". Pri tej zasnovi večinoma delamo na namizju, zato naše medijske poizvedbe temeljijo predvsem na max-width. Če pa nastavimo iste medijske poizvedbe na podlagi min-width, lahko zaslon usmerimo le, če je večji od določene velikosti in ne manjši.

V teh okoliščinah grafika ljudi preprosto ne ustreza malim zaslonom. Za njihovo nalaganje uporabljamo poizvedbo za reverso media, tako da jih bomo naložili na velike zaslone, na katerih delujejo, vendar jih ne naložimo na majhne zaslone. To je bolje, kot da bi jih ves čas nalagali in skrivali na majhnih zaslonih.