Ein Handy-Display ist kleiner, als ein Desktop-Bildschirm. Stimmt. Fast. Denn Smartphones beherbergen zunehmend mehr Pixel in ihren kleinen Displays, was zu einem Problem für Webdesigner wird, die z.B. ein adaptives Layout – abhängig von der Pixelbreite des Browsers – ausgeben wollen.
 

Pixel vs. Bildschirmgröße

Die Zeiten in denen Bildschirme 72dpi hatten und man somit ungefähr von der Breite in Pixeln auf die metrische Ausgabe seines Screendesigns schließen konnte sind ja bereits seit Apples MacBooks mit 113dpi Geschichte. Nun kommt aber beispielsweise das iPhone4 mit stolzen 326dpi daher (640 x 960 Pixel bei nur 3,5″ Displaygröße) und hat somit bereits mehr Pixel, als manches Tablet im Portrait-Modus (z.B. Galaxy Tab: 600 x 1024 Pixel bei 7″ und 171dpi). Eine Fläche von 10×10 Pixeln ist also auf dem iPhone nur halb so groß, wie auf dem Tablet bei gleichem Zoomfaktor.
 

Die große Liste der Wahrheit

Im Laufe einiger Projekte mit responsive Laouts (dabei wird mittels CSS3 Media-Querys, abhängig von der Browserbreite in Pixeln, ein angepasstes Layout geladen) habe ich eine Liste angefangen, die mir einen Überblick über die diversen Bildschirmformate und -größen liefert. Sortiert nach metrischer Größe (der Bildschirmdiagonalen) ergibt sich so eine Matrix in der abgelesen werden kann, auf welche Pixelgrößen man sich konzentrieren kann.

Ich stelle die Liste hier zur Verfügung, weil ich mir nicht vorstellen kann, dass ich der einzige bin, der vor dem Problem gestanden ist:
 

 
Diese Liste wird ständig weitergeführt und hier immer aktuell dargestellt – wenn ein wichtiges Gerät vermisst wird, hinterlasst bitte einen Kommentar und ich nehme es gerne auf.