Apple-Geräte machen Darstellungsprobleme

[Thomasge]

Hallo zusammen,

ich bin gerade dabei eine erste Vereinshomepage auf Contao umzustellen.
Unter Microsoft Edge, Firefox, Opera und Chrome habe ich keine Probleme mit der Darstellung. Aber Safari für iOS stellt einiges anders dar als die Browser unter Windows. Selbst Firefox für iOS hat diese Darstellungsprobleme, wogegen bei Firefox für Windows alles passt. Gibt es vielleicht entsprechende Präfixes, mit denen man diese Probleme beheben kann? Kann mir bitte jemand entsprechende Infos dazu geben.
Danke!


Gruß
Thomas

[planepix]

Hallo Thomas,

gut zu wissen wäre was das für Darstellungsprobleme sind? Ggf. einen Link dazu? Dann kann man es am besten live sehen und testen.

Contao liefert eine body-Klasse je nach Betriebssystem aus. Hierüber kann man individuelle Anpassungen im CSS vornehmen. Oft sind es aber andere Formatierungen / -fehler, mit denen man die Darstellung beeinflussen kann.

Wird ein Theme verwendet?

[Thomasge]

Hallo,

anbei 2 Screenshots der Darstellung mit Chrome und Safari.
Die Webseite ist unter http://sub.musikverein-hirschzell.de/

Screenshot_Chrome_Android.jpg
Screenshot_Safari_iPhone.jpg


Gruß
Thomas

[Ainschy]

Auf kleinen Bildschirmen, wie ein Smartphone funktioniert das Layoutdesign nicht. Hier fehlen u.a. die Viewportangabe und der Layout-Umbruch unter 768 Pixeln, Stichwort Mediaquerys.

[Kahmoon]

Glaube die Schrift ist eins der Probleme (Navi links). Hier wird line-height zu oft mit relativen Angaben (em) verwendet.

Entferne ich das aus li und dem a sieht es "OK" aus.

[Thomasge]

Glaube die Schrift ist eins der Probleme (Navi links). Hier wird line-height zu oft mit relativen Angaben (em) verwendet.

Entferne ich das aus li und dem a sieht es "OK" aus.

danke für die Rückmeldung.
Aber leider ist der Code links und unten im Anhang abgeschnitten. Selbst der makierte Teil ist dadurch nicht lesbar.
Könntest Du mir bitte den Code nochmals posten mit den fehlenden Bereichen.
Danke!


Gruß
Thomas