Mobile Homepage

Ihre Homepage perfekt auf allen Geräten

Perfekt auf PC und allen Mobilgeräten

Homepage für PC, Tablet und Smartphone – „Responsive Design“

Haben Sie schon mal geprüft, wie Ihre Homepage auf einem Smartphone aussieht? Ich gestalte Ihre Seiten mit automatischer Anpassung an alle Geräte vom PC bis zum Smartphone.

Viele Besucher betrachten Ihre Homepage auf mobilen Geräten, also iPhone, iPad und anderen Smartphones und Readern. Die Homepage passt sich in einem Bereich von 200 Pixeln bis 1200 Pixeln oder mehr dem Bildschirm an.

Eine moderne Homepage sollte immer responsive sein, also sich an die Gerätegröße anpassen. Um das zu erreichen genügt eine Zeile Code:
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Die Anpassung aller Elemente der Seite erfolgt dann über die CSS-Anweisungen.

Das Ergebnis können Sie hier auf diesen Seiten sehen. Gehen Sie mit einem Mobilgerät auf diese Seite. Oder verkleinern Sie Ihren Browser in der Breite immer mehr, um den Effekt zu sehen.

Um zu testen, wie diese oder eine andere Seite auf allen Bildschirmen aussieht, benutzen Sie die Seite www.responsinator.com. Dort geben Sie einen Link ein und erhalten auf einer Seite die Ansichten in allen wichtigen Geräten. So können Sie nebenbei auch Ihren Webdesigner testen, ob er gut gearbeitet hat …

Anfrage mobile Anpassung

Wie passt sich die Ansicht an?

Mobile Anpassung

ca. 500 Pixel breit

Mobile Anpassung

„Ja, aber sieht das denn gut aus?“
Es muss, und genau dafür haben Sie Ihren Webdesigner.