Anpassung an Bildschirm/Zoom

[Matthias Apsel]

Om nah hoo pez nyeetz, Felix Riesterer!

Du möchtest Dir Gedanken darüber machen, wie Deine Seite auf einem kleinen Smartphone-Display (Breite kleiner 480px!) aussehen soll. Dort ist naturgemäß sehr wenig Raum für Deinen Inhalt. Also überlege Dir sehr gut, wie Du Deinen Inhalt dort unterbringst. Dann überlegst Du Dir sehr gut, wie Du Deinen Inhalt auf einer Breite bis zu 800px gestaltest, und wie Du große Breiten jenseits der 1000px bedienen willst.

Man sollte die Unterscheidung nicht anhand von Pixelgrößen treffen, sondern nach dem Inhalt. Also was soll passieren, wenn die Überschrift nicht mehr einzeilig bleibt. Kriterium ist also eine Breitenangabe in em.

Tool zum Testen: http://lab.maltewassermann.com/viewport-resizer/

Gunther hat ein ähnliches Tool für unser Wiki geschrieben. Vergleiche

BTW: Dein <div id="oben"> möchtest Du in <nav> umbenennen.

unbedingt.

Matthias