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