Gunnar Bittersmann: Inhalt an Breite anpassen

Beitrag lesen

@@VivienSchiller

Ich habe eine responsive Seite mit einer absolut positionierten Navigation.

Das hört sich an wie ein Oxymoron.

Alles schick, bis man die Seite zusammenzieht.

Also nicht responsiv.

Sicherlich könnte man hier mit min-width arbeiten, fände ich aber aus ästhetischem Befinden eher ungünstig.

Form follows function.

Daher die Frage: Wie erreiche ich es im Code

In welchem?

dass wenn die Seitenbreite < 630px ist, die Inhalte der Navigation abgekürzt werden?

Was heißt „abgekürzt“? Etwas weglassen? Wenn ja, warum ist es dann bei mehr Platz da? Entweder etwas ist wichtig und gehört auf die Seite oder es ist unwichtig und gehört nicht rauf.

oder fallen euch da einfachere Wege ein?

Der gängige Weg wäre mobile first[1] – zuerst für kleine Geräte gestalten und dann von klein nach groß zu gehen.

LLAP 🖖

--
“The best way to help people learn: answer their coding question an hour later, they’ll have likely figured it out by then.” —Todd Motto
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|

  1. Quelle: Brad Frost, The Many Faces of ‘Mobile First’ ↩︎