PUBLIC MARKS from 84GHz with tags css & Responsive

Das Problem: Generell ist es kein Problem einen iFrame per CSS die Breite und Höhe von “100%” zu geben. Der iFrame ist also immer so gross wie möglich und nimmt die Größe des umgebenden DIV Containers an. ABER: Das Seitenverhältnis bleibt nicht immer das gleiche wenn das Browserfenster nur horizontal oder vertikal vergrößert oder verkleinert wird, bzw. das vom User genutzte Display ein anderes Seitenverhältnis aufweist. ERGEBNIS: Entweder gibt es oben/unten oder links/rechts einen häßlichen Abstand sobald das Video skaliert wird.

Eine moderne Website berücksichtigt mobile Endgeräte. In vielen Fällen setzen Webworker dafür auf CSS3-Media-Queries, bekannt unter dem Begriff »Responsive Design«. Auch die Navigation wäre einfach mit CSS zu gestalten, gäbe es da nicht das Problem mit der Hover-Funktion auf Touchscreen-Geräten.

Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.

Bilder im Raster ausrichten