Im aktuellen Entwurf für die zukünftige Spezifikation der CSS Media Queries, bezeichnet als Level 4, gibt es einige neue Features die für die Gestaltung von Webseiten abgefragt werden können. Um mir einen Überblick über die Situation bei den Browsern zu verschaffen habe ich meine Media Query Testsuite entsprechend ergänzt.

Mit der neuen Einheit dppx kann man die proprietäre Eigenschaft -webkit-min-device-pixel-ratio eins zu eins nachbilden – auf standardisierte Weise.

Nach dieser Erkenntnis habe ich meine Tests zu Media Queries um die Eineiten dpcm und dppx erweitert.

Im vorangegangenen, ersten Teil zu Media Queries ging es darum Referenzwerte zu beschaffen um die Unterstützung von CSS-Media-Queries in Browsern testen zu können. Jetzt will ich kurz das Testszenario erläutern.

Um Geräte und Browser schnell auf ihre Unterstützung verschiedener CSS Media Queries prüfen zu können habe ich mir eine kleine Sammlung an Tests geschrieben die man leicht online abrufen kann.

Dieser erste Artikel zu diesem Thema beschäftigte sich mit der Ermittlung von Referenzwerten für die Tests. Ein zukünftiger Artikel wird dann die eigentlichen Tests aufgreifen.