[Safari] iOS12, responsive Seite wird z. T. nicht richtig dargestellt

[implied]

<div class="bbWrapper">*gelöst: Siehe Beitrag #2*<br /> <br /> Hallo Schwarmintelligenz<br /> <br /> Wir bauen gerade eine Website.<br /> TYPO3, 8.6, responsive mit Grid-Elements<br /> <br /> Die Darstellung auf Desktop ist ok, auf Android ok, auf iOS 12 Safari leider nicht.<br /> <br /> Fehler: bestimmte Hintergrundbilder werden nicht richtig responsive skaliert sondern eher im Gegenteil auch noch so weit vergrößert, dass ich die Pixel schon richtig erkenne.<br /> Hier screenshots vom iPhone:<br /> <b>querformat</b>:<br /> <a href="https://test.apfeltalk.de/community/attachments/img_5375-png.153608/" target="_blank"><img src="https://www.apfeltalk.de/community/data/attachments/118/118959-12e71926081ebcac379b8fc282e3d172.jpg" class="bbImage " style="" alt="IMG_5375.png" title="IMG_5375.png" width="250" height="141" loading="lazy" /></a><br /> <br /> <b>hochkant</b>:<br /> <a href="https://test.apfeltalk.de/community/attachments/img_5374-png.153609/" target="_blank"><img src="https://www.apfeltalk.de/community/data/attachments/118/118960-7b9fc2433febf5be63f01ed61f9288db.jpg" class="bbImage " style="" alt="IMG_5374.png" title="IMG_5374.png" width="141" height="250" loading="lazy" /></a><br /> <br /> Desktop (Safari auf HighSierra:<br /> <a href="https://test.apfeltalk.de/community/attachments/bildschirmfoto-2018-10-06-um-21-53-52-png.153610/" target="_blank"><img src="https://www.apfeltalk.de/community/data/attachments/118/118961-252bfc1ecd8670e92afdde5f61191c87.jpg" class="bbImage " style="" alt="Bildschirmfoto 2018-10-06 um 21.53.52.png" title="Bildschirmfoto 2018-10-06 um 21.53.52.png" width="250" height="167" loading="lazy" /></a><br /> <br /> <br /> Android-Handy:<br /> <a href="https://test.apfeltalk.de/community/attachments/zwischenablage01-jpg.153612/" target="_blank"><img src="https://www.apfeltalk.de/community/data/attachments/118/118963-2316fee90279ed88c538983ccc653fd0.jpg" class="bbImage " style="" alt="Zwischenablage01.jpg" title="Zwischenablage01.jpg" width="224" height="250" loading="lazy" /></a><br /> <br /> <br /> Gibt es da eine spezifische Einstellung in Safari, die das vielleicht verhindert?<br /> <br /> Freue mich über Rückmeldungen und Danke Euch schon jetzt.<br /> LG<br /> <br /> <br /> Nachtrag: Schnell mal Firefox für iOS geladen, der zeigt es auch falsch an.... hmmmmm</div>

 

[implied]

<div class="bbWrapper">*problem solved*<br /> <br /> Mein Kollege hat es gefunden:<br /> <a href="https://stackoverflow.com/questions/24154666/background-size-cover-not-working-on-ios" target="_blank" class="link link--external" rel="nofollow ugc noopener">https://stackoverflow.com/questions/24154666/background-size-cover-not-working-on-ios</a><br /> Scheint so, als könne iOS mit einer bestimmten css-Kombination nicht umgehen:<br /> - background-attachement:fixed<br /> +<br /> - background-size:cover<br /> <br /> Genau das bräuchten wir hier eingentlich. Na ja, er hat einen fix eingebaut, die Bilder skalieren jetzt, aber der Effekt, dass beim scrollen die Bilder im Ausschnitt stehen bleiben wie in der Desktop-Variante gehen dann eben nicht - kann man auch mit Leben <img src="/community/styles/apfeltalk/smilies/Wink.png" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></div>