Probleme unter Safari mit responsive images

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;
	}
}