Inhoudsopgave
Door mediaquery's in CSS3 te gebruiken, kunt u responsieve ontwerpen maken met CSS3 Media Queries.
Een mediaquery bestaat uit een mediatype en ten minste één query die stijlbladen beperkt met behulp van mediakenmerken zoals breedte, hoogte en kleur. Toegevoegd in CSS3, laten mediaquery's de inhoudweergave aanpassen aan een specifieke reeks uitvoerapparaten zonder dat de inhoud zelf hoeft te worden gewijzigd.
Mediaquery's bestaan uit een mediatype en een of meer expressies, met kenmerken van de media, die als waar of onwaar worden opgelost. Het resultaat van de query is waar als het mediatype dat is opgegeven in de mediaquery overeenkomt met het type apparaat dat wordt weergegeven en alle expressies in de mediaquery waar zijn. Wanneer een mediaquery waar is, worden de bijbehorende stylesheet of stijlregels toegepast, volgens de normale trapsgewijze regels.
Deze responsieve techniek kan worden gebruikt met al onze bestanden op een website, zelfs als de multimedia-inhoud, om onze website praktischer en toegankelijker te maken voor alle apparaten, dan kunnen we onze video's ook responsief maken, dat wil zeggen zelfaanpassend of aanpasbaar volgens het apparaat van Exit.
Hiervoor hebben we FitVids.js, dit is een plug-in die wordt gebruikt om elke video responsief te maken, deze past zich perfect en automatisch aan de grootte van de container of het uitvoerapparaat aan, iets heel praktisch voor webdesign in termen van de inhoud die perfect moet worden gevisualiseerd op telefoons smartphones en tablets.
U moet jQuery 1.7 of hoger en FitVids.js opnemen in uw webpagina-ontwerp en de videocontainer targeten met fitVids ().
Het gebruik is eenvoudig, roep gewoon de fitVids-functie aan die naar een video wijst en het element wordt automatisch omwikkeld met eenen CSS om het formaat te wijzigen moet worden toegepast.
Momenteel is het compatibel met de belangrijkste services zoals YouTube, Vimeo, Blip.TV of Viddler
We kunnen het toevoegen aan WordPress met een functie, zodat elke div-klasse .video automatisch wordt verkleind.
}}}} add_action ('init', 'fitvids'); ?> var13 -> Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven 
