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 20:05

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 12:52

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

Volker Weber, 2016-11-20 17:07

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 20:23

Recent comments

Volker Weber on Major Apple Crisis at 17:26
Heiko Wolf on Major Apple Crisis at 17:22
Chris frei on Your favorite messenger at 15:27
Bernd Hofmann on Major Apple Crisis at 10:09
Patrick Bohr on Your favorite messenger at 09:44
Volker Weber on Major Apple Crisis at 06:03
Stephan Wissel on Major Apple Crisis at 02:40
Dirk Steins on Major Apple Crisis at 22:50
Jean-Marc Autexier on Major Apple Crisis at 22:24
Marc Henkel on Major Apple Crisis at 21:38
Markus Dierker on Major Apple Crisis at 21:33
Volker Weber on Attending IBM think 2018 at 18:12
Nina Wittich on Attending IBM think 2018 at 17:53
Manfred Wiktorin on Philips Hue Aktion :: Bis zu 50 € zurück at 15:19
Chuck Hauble on Attending IBM think 2018 at 15:14
Henning Heinz on Attending IBM think 2018 at 15:09
Maarten Beijl on Attending IBM think 2018 at 11:57
Gaby Spaszewski on Attending IBM think 2018 at 11:55
Daniele Vistalli on Quo vadis IBM Connections? at 10:14
Volker Weber on Attending IBM think 2018 at 07:53
Gaby Spaszewski on Attending IBM think 2018 at 07:43
Stephan H. Wissel on Your favorite messenger at 07:24
Hubert Stettner on Your favorite messenger at 06:54
Hubert Stettner on Your favorite messenger at 06:52
Timothy Briley on Your favorite messenger at 01:56

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

Local time is 06:25

visitors.gif