CSS responsives Design

[Auge]

Hallo

Also ich möchte für ALLE Mobilen Geräte die Seite mit einer Breite von 520 px gestalten. Wenn zu Beispiel das Gerät nur 480px Breite hat, soll es die Seite entsprechend verkleinern. Geht das?

So nicht. 520px sind 520px, da beißt die Maus keinen Faden ab. Auf einem Display mit 480px Breite wird der Benutzer also quer scrollen müssen, wenn die Inhalte bis an beide Ränder reichen. Pixel (px) sind nun einmal eine absolute Maßeinheit.

Genau deshalb ist die Konstruktion mit em zu empfehlen. Wenn eine Seite bis zur Breite von (willkürlich gewählten) 32em auf eine Art und darüber auf eine andere Art aufgeteilt werden soll, passt das bei einem 480-er und bei einem 520-er Display. Natürlich sind die Inhalte nicht pixelgleich dargestellt, aber die Seite wird auf beiden Geräten les- und benutzbar sein.

Im Übrigen (bin jetzt im Grübelmodus) sollte ein 480-er Display dein 520-Layout doch eher vergrößert darstellen, oder? …

Tschö, Auge