Съдържание
Използването на медийни заявки в CSS3 ви позволява да създавате отзивчиви дизайни с CSS3 Media Queries.
Медийна заявка се състои от тип медия и поне една заявка, която ограничава стиловите таблици, използвайки характеристики на медията, като ширина, височина и цвят. Добавени в CSS3, медийните заявки позволяват на съдържанието да се адаптира към определен диапазон от устройства за изход, без да се налага да променя самото съдържание.
Медийните заявки се състоят от тип медия и един или повече изрази, включващи характеристики на медията, които се разрешават като вярно или невярно. Резултатът от заявката е истина, ако видът на носителя, посочен в медийната заявка, съвпада с типа на показваното устройство и всички изрази в медийната заявка са верни. Когато медийната заявка е вярна, се прилагат съответните стилови таблици или правила за стил, следвайки нормалните каскадни правила.
Тази отзивчива техника може да се използва с всички наши файлове на уебсайт, дори ако мултимедийното съдържание, за да направи нашия уебсайт по-практичен и достъпен за всички устройства, тогава можем да направим нашите видеоклипове също отзивчиви, тоест саморегулиращи се или адаптивни според устройството за изход.
За това имаме FitVids.js, това е плъгин, използван, за да направи всеки видеоклип отзивчив, той ще се адаптира перфектно и автоматично към размера на контейнера или изходното устройство, нещо много практично за уеб дизайна по отношение на съдържанието му, за да бъде перфектно визуализирано на телефони смартфони и таблети.
Трябва да включите jQuery 1.7 или по -нова версия и FitVids.js в дизайна на вашата уеб страница и да насочите видео контейнера с fitVids ().
Употребата е проста, просто извикайте функцията fitVids, насочваща видеоклип и елементът се обгръща автоматично си трябва да се приложи CSS за преоразмеряване.
В момента той е съвместим с основните услуги като Youtube, Vimeo, Blip.TV или Viddler
Можем да го добавим към wordpress с функция, така че всеки div клас .video да се преоразмерява автоматично.
}}}} add_action ('init', 'fitvids'); ?> var13 -> Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
