(Bildquelle: Wikimedia Commons)
Diese Demo-Seite sollte das Verhalten des responsiven Webdesigns beim Verwenden unterschiedlichen Endgeräten veranschaulichen. Am besten probieren Sie es auf einem Smartphone und/oder Tablet.
Beim Öffnen der Demo-Seite wird die Inhaltdarstellung vom responsiven Webdesign gesteuert; betrachten Sie das Seitenlayout auf dem mobilen Gerät.
Tippen Sie dann das im oberen rechten Bereich der Seite plazierte Desktop-Symbol. Die Seitendarstellung wechselt auf "desktop-like", d.h. das responsive Verhalten wurde ausgeschaltet; betrachten Sie die Unterschiede zum vorher.
Um in den ursprünglichen Zustand (= responsives Verhalten) zurückzukehren, müssen Sie das an der Stelle des vorherigen Desktop-Symbols neu erschienene Smartphone-Symbol tippen. Offenbar werden Sie zuerst durch Zoomen das winzige Symbol suchen müssen…