Probleme unter Safari mit responsive images

von Sven Wappler · 17. Dezember 2012

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.

Sven Wappler

TYPO3 Experte, symfony, Magento, SEO, Frontend und Backend

Kurt Kunig sagt:

1. März 2013 um 15:17 Uhr

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
Sven Wappler sagt:

3. März 2013 um 21:40 Uhr

Keine Ahnung. Erst seitdem du geantwortet hast, kommen welche über Google auf die Seite.
Chris sagt:

21. November 2013 um 08:01 Uhr

Danke für den Beitrag, hat mir weiter geholfen!
Daran habe ich gar nicht gedacht es so zu lösen.

lg,
Chris
Sven sagt:

14. Januar 2014 um 20:11 Uhr

WOW! Danke !! Hat mir viel Zeit gekostet, danke für den tollen Artikel.
Sascha sagt:

9. September 2014 um 11:53 Uhr

Super. Genau das wars! DANKE
GGuido sagt:

3. September 2015 um 15:49 Uhr

…wie ich meinen Job manchmal hasse =) thx for sharing!!
Beste Grüße
Guido