MSO-Webdesign. Ihr Homepage-Gestalter

Mobile Homepage

Ihre Homepage auf allen Geräten - "Responsive Design"

Anpassung an alle Monitore

Homepage für PC, Tablet und 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

Ansicht am PC

ca. 1000 Pixel breit

Ansicht am PC

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.

Gut auf allen Größen