@@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._{: lang="en"} > 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_{: lang="en"}](http://bradfrost.com/wp-content/uploads/2012/03/43-650x487.png)[^1] – zuerst für kleine Geräte gestalten und dann von klein nach groß zu gehen. [^1]: Quelle: Brad Frost, [The Many Faces of ‘Mobile First’](http://bradfrost.com/blog/mobile/the-many-faces-of-mobile-first/){: lang="en" hreflang="en"} LLAP 🖖 -- _“The best way to help people learn: answer their coding question an hour later, they’ll have likely figured it out by then.”_{: lang="en"} —Todd Motto _[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}

@@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 nict responsiv. > Sicherlich könnte man hier mit min-width arbeiten, fände ich aber aus ästhetischem Befinden eher ungünstig. _Form follows function._{: lang="en"} > 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_{: lang="en"}](http://bradfrost.com/wp-content/uploads/2012/03/43-650x487.png)[^1] – zuerst für kleine Geräte gestalten und dann von klein nach groß zu gehen. [^1]: Quelle: Brad Frost, [The Many Faces of ‘Mobile First’](http://bradfrost.com/blog/mobile/the-many-faces-of-mobile-first/){: lang="en" hreflang="en"} LLAP 🖖 -- _“The best way to help people learn: answer their coding question an hour later, they’ll have likely figured it out by then.”_{: lang="en"} —Todd Motto _[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}