chromium entwickler tools für mob. devices

[michaah]

Hi,

beim Versuch ein Beispiel (Holy Grail Layout example) auf dieser Seite

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

mit den Chromium Entwickler Tools (nach Herunterladen und Speichern des Codes) zu betrachten stelle ich fest, dass keines der emulierten Devices das Layout so darstellt wie im Beispiel auf der Seite rechts.

Wenn ich ohne ausgewähltes Modell die Seite zusammenschiebe klappt das, nicht jedoch mit ausgewähltem Modell.

Allerdings kapiere ich viele der angegeben Zahlen dort nicht. Ich verstehe die Einheit der Achsen nicht und was sie mir zeigen.

Die dargestellten Größen waren für mich noch nie nachvollziehbar, mit Media Queries wird das alles noch rätselhafter.

Ich würde natürlich gerne sehen und kontrollieren dass ein (emuliertes) Gerät auf Media Queries entsprechend reagiert.

Woran liegt das dass das nicht klappt?