Responsive Design

by Volker Weber

ZZ1C77EC76 ZZ75B0540D

Die Website skaliert mittlerweile ganz gut lesbar auch auf Mobilgeräten. Nur die Youtube Videos nicht. Kein Problem auf iOS, aber sehr wohl auf Windows Phone.

Man kann den Embed Code in einem DIV verpacken und damit die richtige Skalierung erreichen. Siehe Tutorial. Aber das funktioniert nicht mit den ganzen alten Postings und ich müsste das in Zukunft immer von Hand machen.

Ich probiere das jetzt mal mit Fluidvids.js. Work in progress.

Comments

Danke Dir, Volker 👍

Hubert Stettner, 2016-11-19

Ich habe das per css für "iframe"- und "video"-Objekte geregelt.
Schau mal hier, ob dir das hilft:
http://470er.ger71.de/
http://470er.ger71.de/all.css

Kristof Doffing, 2016-11-20

Thanks, but no, not good enough. That will only shrink the width but not the height.

Volker Weber, 2016-11-20

Ach schau. Auf dem PC mit FF geht das prima. Mit Lufttelefon wird tatsächlich nur die Breite angepasst. Doof. Muss ich wohl nochmal beigehen.
Das Video selbst wird dann natürlich schon korrekt angezeigt.

Kristof Doffing, 2016-11-20

Recent comments

Marc Henkel on Home screen reorganized for iOS 14 at 09:47
Sven Richert on Home screen reorganized for iOS 14 at 08:50
Joachim Bode on How to protect yourself from the Corona virus at 19:54
Declan Lynch on Home screen reorganized for iOS 14 at 17:18
Stuart McIntyre on Home screen reorganized for iOS 14 at 14:56
Oliver Regelmann on watchOS 7 :: Alle drei Aktivitätsziele anpassbar at 13:16
Kieren Johnson on Home screen reorganized for iOS 14 at 11:33
Karsten Lehmann on Home screen reorganized for iOS 14 at 11:24
Lukas Gerlich on How to protect yourself from the Corona virus at 10:19
Karsten Lehmann on Ein paar Gedanken zu Apples September-Event at 09:48
Volker Weber on AirPods Pro und AirPods Studio at 07:53
Marko Schulz on Ein paar Gedanken zu Apples September-Event at 02:18
Gaerttner Harald on AirPods Pro und AirPods Studio at 23:53
Ragnar Schierholz on Optimiertes Laden der Watch Battery ist aktiviert at 21:49
Karsten Lehmann on Ein paar Gedanken zu Apples September-Event at 21:35
Kai Kramhöft on AirPods Pro und AirPods Studio at 16:04
Christoph Spitz on AirPods Pro und AirPods Studio at 15:04
Harald Gärttner on AirPods Pro und AirPods Studio at 14:23
Volker Weber on watchOS 7 :: Alle drei Aktivitätsziele anpassbar at 13:43
Michael Sonntag on watchOS 7 :: Alle drei Aktivitätsziele anpassbar at 12:39
Harald Gärttner on My favorite Watch face with watchOS 7 at 10:31
Volker Weber on My favorite Watch face with watchOS 7 at 09:07
Matthias Welling on My favorite Watch face with watchOS 7 at 08:26
John Keys on My favorite Watch face with watchOS 7 at 07:55
Ragnar Schierholz on My favorite Watch face with watchOS 7 at 06:57

Ceci n'est pas un blog

I explain difficult concepts in simple ways. For free, and for money. Clue procurement and bullshit detection.

vowe

Contact
Publications
Stuff that works
Amazon Wish List
Frequently Asked Questions

rss feed  twitter  amazon

Local time is 10:18

visitors.gif

Paypal vowe