Turinys
Naudojant žiniasklaidos užklausas CSS3, galite kurti interaktyvius dizainus naudodami CSS3 medijos užklausas.
Medijos užklausą sudaro laikmenos tipas ir bent viena užklausa, ribojanti stiliaus lapus, naudojant žiniasklaidos ypatybes, tokias kaip plotis, aukštis ir spalva. Įtraukta į CSS3, medijos užklausos leidžia turinio vaizdui prisitaikyti prie tam tikro išvesties įrenginių diapazono, nekeičiant paties turinio.
Žiniasklaidos užklausas sudaro medijos tipas ir viena ar daugiau išraiškų, apimančių žiniasklaidos ypatybes, kurios išsprendžiamos kaip teisingos arba klaidingos. Užklausos rezultatas teisingas, jei medijos užklausoje nurodytas medijos tipas atitinka rodomo įrenginio tipą ir visos laikmenos užklausos išraiškos yra teisingos. Kai laikmenos užklausa yra teisinga, taikomi atitinkami stiliaus lapai arba stiliaus taisyklės, laikantis įprastų kaskadinių taisyklių.
Ši reaguojanti technika gali būti naudojama su visais mūsų svetainėje esančiais failais, net jei jie yra daugialypės terpės turinys, kad mūsų svetainė taptų praktiškesnė ir prieinamesnė visiems įrenginiams, tada galime padaryti vaizdo įrašus taip pat reaguojančius, tai yra, savaime prisitaikančius ar pritaikomus pagal išėjimo įrenginys.
Tam turime „FitVids.js“, tai papildinys, naudojamas bet kokiam vaizdo įrašui reaguoti, jis puikiai ir automatiškai prisitaikys prie konteinerio ar išvesties įrenginio dydžio, o tai yra labai praktiška, kad žiniatinklio dizainas būtų visiškai vizualizuotas išmaniuosiuose telefonuose ir planšetiniuose kompiuteriuose.
Į savo tinklalapio dizainą turite įtraukti „jQuery 1.7“ arba naujesnę versiją ir „FitVids.js“ ir taikyti vaizdo įrašo sudėtiniam rodiniui naudodami „fitVids“ ().
Naudojimas yra paprastas, tiesiog iškvieskite „fitVids“ funkciją, nukreipdami į vaizdo įrašą, o elementas automatiškai įvyniojamas suir turi būti pakeistas CSS dydis.
Šiuo metu jis suderinamas su pagrindinėmis paslaugomis, tokiomis kaip „Youtube“, „Vimeo“, „Blip.TV“ ar „Viddler“
Mes galime pridėti jį prie „WordPress“ naudodami funkciją, kad bet kokios div klasės .video dydis būtų automatiškai pakeistas.
}}}} add_action ('init', 'fitvids'); ?> var13 -> Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
