Responsive Design - Größenangaben

[J o]

Hey,

I. Gelesen habe ich, dass in der @media-Angabe die Einheit für die Viewportgröße mit "em" abgegeben werden soll. Wird aber nicht doch auch em in Pixel definiert (z.B. 1em=16px), so dass das Ergebnis das selbe wäre?

Jein, em ist nicht in Pixel definiert sondern über die Größe der Schrift. Und die ist Standartmäßig 100% = 16 px. Wenn also irgendein Container eine Höhe von 1em hat und font-size: 200%; dann ist der Container 32px hoch.

II. Gibt es eine Aufstellung der Viewportgrößen für die am verbreitesten Geräte (vom Smartphone bis zu den größeren PC-Bildschirmen)?

Ja, so eine Aufstellung gibt es, lass mich kurz schaun... zum Beispiel hier.

Gruß
Jo