Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Responsives Webdesign

Responsives Webdesign

Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

Gratismonat starten Für Ihr Team erwerben

Responsives Webdesign

“

Unsere Website sieht so weit ganz gut aus. Allerdings gibt es noch ein grundlegendes Problem, und zwar funktioniert die Website nicht auf Smartphones. Was heißt "Sie funktioniert nicht"? Sie sieht eben nicht gut aus. Wie kann man das Testen? Man könnte das natürlich zum einen testen, indem man die Website wirklich auf einem Smartphone ansieht, und das ist auf jeden Fall auch sinnvoll, aber Sie können einen ersten Eindruck auch direkt im Browser erhalten. Ich bin hier im Firefox. Ich wähle Untersuchen und dann gibt es diese Symbole. Dabei steht "Bildschirmgrößen testen". Und das aktiviere ich einmal. Und dann sehe ich hier oben die aktuelle Größe des Viewports. Das ist dieser Bereich hier. Und ich kann nun den Viewport auch verkleinern. Jetzt, sehe ich, ist er noch 96 Pixel groß. Das sieht eigentlich noch halbwegs okay aus. Aber wenn ich jetzt noch weiter gehe, dann sehe ich hier, die Darstellung ist überhaupt nicht mehr gut. Also, das kann man natürlich überhaupt nicht lesen. D.h.…

Inhalt