Inhaltsverzeichnis
Durch die Verwendung von Media Queries in CSS3 können Sie mit CSS3 Media Queries responsive Designs erstellen.
Eine Medienabfrage besteht aus einem Medientyp und mindestens einer Abfrage, die Stylesheets anhand von Medienmerkmalen wie Breite, Höhe und Farbe einschränkt. In CSS3 hinzugefügt, ermöglichen Media Queries die Anpassung der Inhaltsanzeige an eine bestimmte Reihe von Ausgabegeräten, ohne den Inhalt selbst ändern zu müssen.
Medienabfragen bestehen aus einem Medientyp und einem oder mehreren Ausdrücken, die Merkmale des Mediums beinhalten, die als wahr oder falsch aufgelöst werden. Das Ergebnis der Abfrage ist wahr, wenn der in der Medienabfrage angegebene Medientyp mit dem angezeigten Gerätetyp übereinstimmt und alle Ausdrücke in der Medienabfrage wahr sind. Wenn eine Medienabfrage wahr ist, werden das entsprechende Stylesheet oder die entsprechenden Stilregeln gemäß den normalen Kaskadenregeln angewendet.
Diese Responsive-Technik kann mit allen unseren Dateien auf einer Website verwendet werden, auch wenn die Multimedia-Inhalte, um unsere Website praktischer und für alle Geräte zugänglich zu machen, dann können wir unsere Videos auch Responsive, d das Gerät von Exit.
Dafür haben wir FitVids.js, dies ist ein Plugin, das verwendet wird, um jedes Video responsive zu machen, es passt sich perfekt und automatisch an die Größe des Containers oder Ausgabegeräts an, was für das Webdesign sehr praktisch ist, um den Inhalt perfekt zu visualisieren auf Handys, Smartphones und Tablets.
Sie müssen jQuery 1.7 oder höher und FitVids.js in Ihr Webseitendesign einbeziehen und den Videocontainer mit fitVids () als Ziel verwenden.
Die Verwendung ist einfach, rufen Sie einfach die fitVids-Funktion auf, die auf ein Video zeigt, und das Element wird automatisch mit a umwickeltund CSS zur Größenänderung angewendet werden soll.
Derzeit ist es mit den wichtigsten Diensten wie Youtube, Vimeo, Blip.TV oder Viddler kompatibel
Wir können es mit einer Funktion zu WordPress hinzufügen, sodass die Größe jeder div-Klasse .video automatisch geändert wird.
}}}} add_action ('init', 'fitvids'); ?> var13 -> Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
