Menü variabel machen
 

Hallo zusammen,

ich hab mir ein Menü gebastelt, frage mich aber gerade, was ich ändern muß, damit sich die Größe des Menüs an die Größe des Browserfenster anpasst.

Denn ab einer gewissen Größe, macht das Teil nen Zeilenumbruch.

Hier ist der Code hinterlegt:https://jsfiddle.net/macfms/32p6a8fx/

Schon mal vielen Dank für die Hilfe!

Hallo,

in wie weit soll sich die Größe des Menüs der Fenstergröße anpassen?

Benutzerfreundlich ist es, wenn sich bei verkleinertem Fenster die Schaltflächen vergrößern. Dann steigt nämlich die Wahrschenlichkeit eines Touchscreens der mit Fingern bedient wird.

Ohne Zeilenumbruch geht es dann halt nicht.

Sinnvoll ist es dann aber den Zeilenumbruch / die Zeilenumbrüche zu steuern. Das geschieht mittels Responsive Design und Media Queries.

Gruss

MrMurphy

Ich hab bereits ein extra Menü für Handys ab 640px abwärts. Ich hab jetzt nur ne kleine Bandbreite, die mir fehlt, vlt. 50px, in der das Menü sich nicht richtig darstellt. Am besten wäre es, wenn sich das Menü entweder proportional zum Browserfenster verhält oder Max um 10% schrumpft.

Mach ich das nicht mit nem Box-Befehl?

Mit Flexbox kannst du die Elemente dazu bringen, sich in einer Reihe anzuordnen, ja. Oder mit floats und jedem Element eine fixe Breite geben: Bei 4 Elementen bekommt jedes eben 25%. Generell kleiner/größer machen geht nicht.