Einiges über TYPO3, symfony und Webentwicklung
von Sven Wappler ·
Unter Safari gibt es Probleme mit responsive images, die eine maximale Breitangabe von 100% haben:
max-width: 100%;
Dies führt unter Umständen dazu, dass diese nicht angezeigt werden, bzw. eine Höhe von 0 Pixel haben.
Umgehen kann man das Problem mit folgenden Anweisungen:
@media screen and (-webkit-min-device-pixel-ratio:0) {
img {
max-width: 100%;
height: auto;
width: auto;
}
}
Wie hilfreich war dieser Beitrag?
Klicke auf die Sterne um zu bewerten!
Durchschnittliche Bewertung 5 / 5. Anzahl Bewertungen: 1
Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.
Schlagwörter: CSSresponsive webdesignsafari
Sven Wappler
TYPO3 Experte, symfony, Magento, SEO, Frontend und Backend
von Sven Wappler · Published 28. November 2012 · Last modified 12. Dezember 2012
von Sven Wappler · Published 24. April 2017
von Sven Wappler · Published 23. Februar 2010 · Last modified 4. Januar 2015
Mehr
Hall Sven,
DANKEEEEEEEEEEEE!!!!!!!!!!!!
DAS war’s – Puh, das Problem hat Zeit gekostet. Ich habe leider beim Googeln danach nichts gefunden!? Kennt Google diese Seite denn nicht?
Gruß aus Jülich
Kurt Kunig
Keine Ahnung. Erst seitdem du geantwortet hast, kommen welche über Google auf die Seite.
Danke für den Beitrag, hat mir weiter geholfen!
Daran habe ich gar nicht gedacht es so zu lösen.
lg,
Chris
WOW! Danke !! Hat mir viel Zeit gekostet, danke für den tollen Artikel.
Super. Genau das wars! DANKE
…wie ich meinen Job manchmal hasse =) thx for sharing!!
Beste Grüße
Guido