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
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) |