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;
}
}
Eine Liste kann unter http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density eingesehen werden.
Als Webentwickler ist man gezwungen, die Websites unter verschiedenen Browsern und Betriebssystemen zu testen. Simulatoren sind keine Lösung, da sie die Probleme der verschiedenen Rendering engines nur unzureichend simulieren können. Systeme wie Windows XP, Vista, 7, 8 und Linux-Systeme sind leicht durch Virtualisierungssoftware wie VirtualBox zu virtualisieren. Android-Systeme können mit Hilfe des Android SDKs ausgeführt werden. Anders sieht es leider bei Mac-Produkten aus: Aufgrund der blöden Lizenzbestimmungen von Apple darf die Software nur auf Apple Hardware ausgeführt werden. Daher ist man leider gezwungen, die Apple Geräte wie iPhones oder iPads zu kaufen.
Wenn Chrome meckert, dass die JavaScript-Datei falsch übertragen wurde, dann muss das Folgende in die .htaccess eingetragen werden:
AddType application/x-javascript .js
Die folgenden Befehle sind für die Linux Konsole gedacht.
Vertikal zusammenfügen:
montage *.png -geometry +0+0 -tile 1x out.png
Horizontal zusammenfügen:
montage *.png -geometry +0+0 -tile x1 out.png
Warum wird gerade das Aushängeschild der zukunftsweisenden Internet Unternehmen nicht valide?
Der Hauptgrund liegt in der Performance. Die Google Startseite wird extrem häufig abgerufen. Unnötiger Code würde die Übertragungszeit und den Zeitpunkt zur vollständigen Anzeige der Seite nur unnötig verlangsamen. Invalider Code ist nämlich nicht gleich invalider Code und daher verursacht dieser nicht zwangsläufig einen Performanceverlust. ‘Warum die Google Startseite nicht valide ist’ weiterlesen