Guten Tag,

Ich würde Ihnen Vorschlagen im Schritt 2 unter Auflösungen und responsives Design das 480px Breakpoint auf 320px umzustellen damit es sich besser für kleinere Bildschirme  anpasst und dann können Sie die Objekte im Header an diesen Breakpoint anpassen und es erneut online testen.

Vielen Dank!

Hallo

Ich habe die Auflösungen 320px, 340px und 360px getestet. Bei allen 3 Varianten entsteht am linken und rechten Seitenrand ein Abstand zwischen den Objekten und dem Bildschirmrand (iPhone 6 und iPhone 4S). Mit 380px sind die seitlichen Abstände wieder weg (iPhone 6 und iPhone 4S). Jedoch beim iPhone 4S sind dann die Weinblätter und der Titel wieder stark verschoben.

Guten Tag,

Diese 2 Geräte haben 2 verschiedene Auflösungen und es ist niccht möglich das es auf beide genau gleich aussieht. Sie können versuchen einen Wert zu finden der bi beiden passen kann aber das 4s hat eine kleinere Aufösung und deshalb wird es nicht genau gleich sein mit den Abstände.

Vielen Dank!

Was ich nicht verstehe ist, dass das alles mit der Version 12 funktioniert hat. Ich denke, dass sich der Umstieg auf die Version 13 nicht gelohnt hat. Ich sehe da keine Vorteile.

In der V12 wurde es zum "Teil" selbst angepasst, aber man konnte nicht viel daran ändern. In der V13 kann man für jeden BReakpoint extra Anpassungen durchführen. Diese muss man aber selbst machen. Das übernimmt das Programm nicht automatisch.

Verstehe ich das richtig, ich muss mich entscheiden, entweder wird der Header korrekt für das iPhone 6 oder für das iPhone 4S dargestellt, aber nicht für beide Geräte gleichzeitig? (Andere Geräte habe ich gar noch nicht ausprobiert...)

Danke, darauf bin ich gar nicht gekommen!