6. April 2020

Responsive Webdesign

Im Gegensatz zu Adpative Webdesign, passt sich das Responsive Webdesign dt. „reagierendes Design“ der Größe des Browserfensters einer Website an. Grund dafür ist ein flexibles Seitenraster, das im Webdesign beispielsweise von Bootstrap zur Verfügung gestellt wird. Das Responsive Webdesign funktioniert dabei so, dass sich die in der Seite enthaltenen Elemente abhängig von der jeweiligen Bildschirmauflösung in ihrer Größe verändern. Die Bildschirmauflösung des jeweiligen Endgerätes wird in Form von Media Queries abgefragt. Außerdem sind im CSS-Code Breakpoints festgelegt, welche bestimmen, ab wann sich das Seitenlayout verändert. Der Vorteil von Responsive Webdesign liegt darin, dass jede Displaygröße berücksichtigt wird und die Informationen so auf jedem Endgerät optimal dargestellt werden können. Mit der GREYD.SUITE ist das Erstellen eines solchen responsiven Layouts kinderleicht und erfordert nur wenige Klicks.

Autor:

guttner


Kategorien:

Glossar | R