Obsah
Použití mediálních dotazů v CSS3 vám umožňuje vytvářet responzivní návrhy pomocí CSS3 Media Queries.
Mediální dotaz se skládá z typu média a alespoň jednoho dotazu, který omezuje šablony stylů pomocí charakteristik médií, jako je šířka, výška a barva. Přidané v CSS3, mediální dotazy umožňují zobrazení obsahu přizpůsobit se konkrétnímu rozsahu výstupních zařízení, aniž by bylo nutné měnit samotný obsah.
Mediální dotazy se skládají z typu média a jednoho nebo více výrazů zahrnujících charakteristiky média, které jsou vyřešeny jako pravdivé nebo nepravdivé. Výsledek dotazu je pravdivý, pokud typ média zadaný v mediálním dotazu odpovídá typu zobrazeného zařízení a všechny výrazy v mediálním dotazu jsou pravdivé. Pokud je mediální dotaz pravdivý, použijí se odpovídající šablony stylů nebo pravidla stylů podle normálních kaskádových pravidel.
Tuto responzivní techniku lze použít u všech našich souborů na webových stránkách, i když jde o multimediální obsah, aby byla naše webová stránka praktičtější a přístupnější pro všechna zařízení, pak můžeme z našich videí vytvořit také responzivní, tj. Samoregulační nebo přizpůsobitelné podle zařízení Exit.
K tomu máme FitVids.js, toto je plugin, který reaguje na jakékoli video, dokonale a automaticky se přizpůsobí velikosti kontejneru nebo výstupního zařízení, což je pro web design velmi praktické, pokud jde o jeho obsah, který má být perfektně vizualizován. na telefonech chytré telefony a tablety.
Do návrhu webové stránky musíte zahrnout jQuery 1.7 nebo novější a FitVids.js a na kontejner videa cílit pomocí fitVids ().
Použití je jednoduché, stačí zavolat funkci fitVids směřující video a prvek je automaticky zabalen pomocía použije se CSS pro změnu velikosti.
V současné době je kompatibilní s hlavními službami, jako jsou Youtube, Vimeo, Blip.TV nebo Viddler
Můžeme jej přidat do wordpressu s funkcí, takže velikost div .video div se automaticky změní.
}}}} add_action ('init', 'fitvids'); ?> var13 -> Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod 
