Cuprins
Proiectarea web adaptabilă sau adaptabilă pentru diferite dispozitive servește astfel încât proiectele noastre să se potrivească perfect oricărui ecran de dispozitiv cu conexiune la internet.Utilizarea interogărilor media în CSS3 vă permite să creați modele receptive cu interogări CSS3 Media.
O interogare media constă dintr-un tip media și cel puțin o interogare care limitează foile de stil folosind caracteristici media precum lățimea, înălțimea și culoarea. Adăugate în CSS3, interogările media permit afișarea conținutului să se adapteze la o anumită gamă de dispozitive de ieșire fără a fi nevoie să schimbe conținutul în sine.
Interogările media constau dintr-un tip de media și una sau mai multe expresii, care implică caracteristici ale media, care sunt rezolvate ca fiind adevărate sau false. Rezultatul interogării este adevărat dacă tipul de suport specificat în interogarea suportului se potrivește cu tipul de dispozitiv afișat și toate expresiile din interogarea suportului sunt adevărate. Când o interogare media este adevărată, se aplică foaia de stil corespunzătoare sau regulile de stil, urmând regulile normale în cascadă.
Această tehnică receptivă poate fi utilizată cu toate fișierele noastre de pe un site web, chiar dacă conținutul multimedia, pentru a face site-ul nostru web mai practic și accesibil tuturor dispozitivelor, atunci putem face videoclipurile noastre și Responsive, adică auto-reglabile sau adaptabile în funcție de dispozitivul Exit.
Pentru aceasta avem FitVids.js, acesta este un plugin folosit pentru a face orice videoclip receptiv, se va adapta perfect și automat la dimensiunea containerului sau a dispozitivului de ieșire, ceva foarte practic pentru web design în ceea ce privește conținutul acestuia pentru a fi perfect vizualizat. pe telefoane telefoane inteligente și tablete.
Trebuie să includeți jQuery 1.7 sau o versiune ulterioară și FitVids.js în proiectarea paginii dvs. web și să vizați containerul video cu fitVids ().
Utilizarea este simplă, trebuie doar să apelați funcția fitVids care indică un videoclip, iar elementul este înfășurat automat cu uniar CSS pentru redimensionare trebuie aplicat.
În prezent, este compatibil cu principalele servicii precum Youtube, Vimeo, Blip.TV sau Viddler
Îl putem adăuga la wordpress cu o funcție, astfel încât orice clasă div .video să fie redimensionată automat.
}}}} add_action ('init', 'fitvids'); ?> var13 ->V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv