Fixierte Leiste und deren Höhe

[Gunther]

Om nah hoo pez nyeetz, Gast + Matthias!

Wenn du deiner Navigation eine (maximale) Breite von x em verpasst, weißt du, dass du da einen Breakpoint setzen solltest.

Auch das löst sein "Problem" nicht, bzw. ist keine Antwort auf seine Ausgangsfrage.

Gibt es eine HTML oder CSS Lösung für dieses Problem?

Bei "variabler Höhe" des fixierten Bereichs - Nein.
Und eine "feste Höhe" birgt das Risiko, dass nicht der gesamte Text sichtbar ist, bzw. die Abmessungen gesprengt werden.

Die Variante, die Matthias dir vorgeschlagen hat (Media Queries), ist die einzige Variante, wie es rein mit CSS überhaupt funktionieren kann.

Und zwar definierst du die Schrift- und Elementgrößen jewweils so, dass sie über den gesamten Geltungsbereich deiner jeweiligen @media rule sicherstellen, dass der fixierte Bereich

• einzeilig
• zweizeilig
• x-zeilig
  ist.

Somit hast du die entsprechende Höhe und kannst dein margin- oder padding-top entsprechend setzen.
Um auch noch Unterschiede durch eine ggf. andere Schriftart auszuschließen, kannst du per @font-face auch noch die gewünschte Schriftart mitliefern.

Mit Javascript ist es wiederum ganz einfach ...!

Gruß Gunther