Der <ratio> CSS Datentyp, der zur Beschreibung von Seitenverhältnissen in Media Queries verwendet wird, bezeichnet das Verhältnis zwischen zwei einheitenlosen Werten. Es ist ein strikt positiver <integer> Wert gefolgt von einem Slash ('/', Unicode U+002F SOLIDUS) und einem zweiten strikt positivem <integer>. Vor und nach dem Schrägstrich können Leerzeichen stehen.
Beispiele
| Verhältnis | Verwendung | |
|---|---|---|
 |
4/3 |
Traditionelles TV-Format im 20sten Jahrhundert. |
 |
16/9 |
Modernes Breitbild-TV-Format. |
 |
185/100 = 91/50(Nicht-Ganzzahl-Dividenden und -Divisoren sind nicht erlaubt.) |
Die häufigsten Filmformate seit den 1960ern. |
 |
239/100(Nicht-Ganzzahl-Dividenden und -Divisoren sind nicht erlaubt.) |
Das anamorphe Breitbild-Filmformat. |
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| Media Queries Die Definition von '<ratio>' in dieser Spezifikation. |
Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!
| Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | (Ja) | 3.5 (1.9.1) | 9 | 9.5 | (Ja) |
| Merkmal | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | (Ja) | (Ja) | ? | (Ja) | (Ja) |