# 058: galerii kohandatud päis, 2. osa (koos Reverso meediumipäringutega) - CSS-trikid

Anonim

Meil on põhigalerii päis paigas, kuid puudu on sinistest väikestest inimestest, kelle Erica originaalsesse illustratsiooni pani. Olime sellest juba eelnevalt rääkinud ja otsustasime, et oleks päris lahe, kui ekraani suuruse muutmisel jääksid inimesed paigale, kui galerii sein nende selja taga liikus, nii et tundub, nagu nad sirviksid aukartusega galeriid.

Kuna inimeste graafika on puhtalt ornamantaalne, pole nende jaoks märgistuse kasutamine ideaalne. Õnneks on neid kaks ja iga elemendi ( ::beforeja ::after) kohta saame kaks tasuta pseudoelementi . Nende lisamiseks kasutame neid.

Tutvustame selles videos mõistet, mis on jätkuvalt kasulik, mõiste “reverso meediaküsimused”. Töötame selles kujunduses suures osas alla töölaua, seega põhinevad meie meediaküsimused peamiselt sellel max-width. Kuid kui seadistame samad meediumipäringud selle põhjal min-width, saame ekraani sihtida ainult siis, kui see on suurem kui teatud suurus, mitte väiksem.

Selles olukorras ei mahu rahva graafika lihtsalt väikestele ekraanidele. Seega kasutame nende laadimiseks reverso meediumipäringut, nii laadime need suurtele ekraanidele, millel need töötavad, kuid ärge laadige neid väikestele ekraanidele. See on parem kui neid pidevalt laadida ja väikestele ekraanidele peita.