Media queries

Diese Übersetzung ist unvollständig. Bitte helfen Sie uns, diesen Artikel aus dem Englischen zu übersetzen

Media Queries is a module of CSS that defines expressions allowing to tailor presentations to a specific range of output devices without changing the content itself.

Reference

At-rules

Guides

Using media queries
Presents what media queries are doing and explains the possible expressions.
Testing media queries
Explains how to test a media query programmatically, from JavaScript.

Specifications

Specification Status Comment
CSS Conditional Rules Module Level 3 Anwärter Empfehlung  
Media Queries Level 4 Anwärter Empfehlung


 
Media Queries Empfehlung  
CSS Level 2 (Revision 1) Empfehlung  

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
@mediaChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 6Opera Vollständige Unterstützung 9.2Safari Vollständige Unterstützung 1.3WebView Android Vollständige Unterstützung 1Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
any-hover media featureChrome Vollständige Unterstützung 41Edge Vollständige Unterstützung 16Firefox Vollständige Unterstützung 64IE Keine Unterstützung NeinOpera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android Vollständige Unterstützung 41Chrome Android Vollständige Unterstützung 41Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9Samsung Internet Android Vollständige Unterstützung 5.0
any-pointer media featureChrome Vollständige Unterstützung 41Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 64IE Keine Unterstützung NeinOpera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android Vollständige Unterstützung 41Chrome Android Vollständige Unterstützung 41Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9Samsung Internet Android Vollständige Unterstützung 4.0
aspect-ratio media featureChrome Vollständige Unterstützung 3Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 3.5IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 5WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 4.2Samsung Internet Android Vollständige Unterstützung 1.0
calc() expressionsChrome Vollständige Unterstützung 66Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 59IE Keine Unterstützung NeinOpera Vollständige Unterstützung 53Safari Vollständige Unterstützung 12WebView Android Vollständige Unterstützung 66Chrome Android Vollständige Unterstützung 66Firefox Android Vollständige Unterstützung 59Opera Android Vollständige Unterstützung 47Safari iOS Vollständige Unterstützung 12Samsung Internet Android Vollständige Unterstützung 9.0
color media featureChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
color-gamut media featureChrome Vollständige Unterstützung 58Edge Vollständige Unterstützung 79Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Vollständige Unterstützung 45Safari Vollständige Unterstützung 10WebView Android Vollständige Unterstützung 58Chrome Android Vollständige Unterstützung 58Firefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung 43Safari iOS Vollständige Unterstützung 10Samsung Internet Android Vollständige Unterstützung 7.0
color-index media featureChrome Vollständige Unterstützung 29Edge Vollständige Unterstützung 79Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Vollständige Unterstützung 16Safari Vollständige Unterstützung 8WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 29Firefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung 16Safari iOS Vollständige Unterstützung 8Samsung Internet Android Vollständige Unterstützung 2.0
device-aspect-ratio media feature
VeraltetNicht standardisiert
Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
device-height media feature
VeraltetNicht standardisiert
Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
device-width media feature
VeraltetNicht standardisiert
Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
display-mode media featureChrome Vollständige Unterstützung 45Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 47
Hinweise
Vollständige Unterstützung 47
Hinweise
Hinweise Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung 32Safari Vollständige Unterstützung 13WebView Android Vollständige Unterstützung 45Chrome Android Vollständige Unterstützung 45Firefox Android Vollständige Unterstützung 47
Hinweise
Vollständige Unterstützung 47
Hinweise
Hinweise Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
Opera Android Vollständige Unterstützung 32Safari iOS Vollständige Unterstützung 13Samsung Internet Android Vollständige Unterstützung 5.0
forced-colors media feature
Experimentell
Chrome Vollständige Unterstützung 79
Hinweise Deaktiviert
Vollständige Unterstützung 79
Hinweise Deaktiviert
Hinweise See bug 970285.
Deaktiviert From version 79: this feature is behind the #forced-colors preference (needs to be set to Enabled). To change preferences in Chrome, visit chrome://flags.
Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 81
Deaktiviert
Vollständige Unterstützung 81
Deaktiviert
Deaktiviert From version 81: this feature is behind the layout.css.forced-colors.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 970285.
Chrome Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 970285.
Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 970285.
grid media featureChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 10Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
height media featureChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
hover media featureChrome Vollständige Unterstützung 38
Hinweise
Vollständige Unterstützung 38
Hinweise
Hinweise Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 64IE Keine Unterstützung NeinOpera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android Vollständige Unterstützung 38
Hinweise
Vollständige Unterstützung 38
Hinweise
Hinweise Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Chrome Android Vollständige Unterstützung 50Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9Samsung Internet Android Vollständige Unterstützung 5.0
inverted-colors media featureChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Vollständige Unterstützung 9.1WebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 10Samsung Internet Android Keine Unterstützung Nein
Media feature expressionsChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 9.2Safari Vollständige Unterstützung 1.3WebView Android Vollständige Unterstützung 1Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 3.1Samsung Internet Android Vollständige Unterstützung 1.0
Media query value supportChrome Vollständige Unterstützung 66Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 59IE Keine Unterstützung NeinOpera Vollständige Unterstützung 53Safari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 66Chrome Android Vollständige Unterstützung 66Firefox Android Vollständige Unterstützung 59Opera Android Vollständige Unterstützung 47Safari iOS Keine Unterstützung NeinSamsung Internet Android Vollständige Unterstützung 9.0
monochrome media featureChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 2IE Keine Unterstützung NeinOpera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
Nested media queriesChrome Vollständige Unterstützung 26Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 11IE Keine Unterstützung NeinOpera Vollständige Unterstützung 12.1Safari Vollständige Unterstützung 6.1WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 26Firefox Android Vollständige Unterstützung 14Opera Android Vollständige Unterstützung 12.1Safari iOS Vollständige Unterstützung 7Samsung Internet Android Vollständige Unterstützung 1.5
orientation media featureChrome Vollständige Unterstützung 3Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10.6Safari Vollständige Unterstützung 5WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 11Safari iOS Vollständige Unterstützung 4.2Samsung Internet Android Vollständige Unterstützung 1.0
overflow-block media featureChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 66IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 66Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
overflow-inline media featureChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 66IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 66Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
pointer media featureChrome Vollständige Unterstützung 41Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 64IE Keine Unterstützung NeinOpera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android Vollständige Unterstützung 41Chrome Android Vollständige Unterstützung 50Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9Samsung Internet Android Vollständige Unterstützung 5.0
prefers-color-scheme media featureChrome Vollständige Unterstützung 76Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 67IE Keine Unterstützung NeinOpera Vollständige Unterstützung 62Safari Vollständige Unterstützung 12.1WebView Android Vollständige Unterstützung 76Chrome Android Vollständige Unterstützung 76Firefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung 54Safari iOS Vollständige Unterstützung 13Samsung Internet Android Vollständige Unterstützung 12.0
prefers-contrast media feature
Experimentell
Chrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 80
Deaktiviert
Vollständige Unterstützung 80
Deaktiviert
Deaktiviert From version 80: this feature is behind the layout.css.prefers-contrast.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
prefers-reduced-data media feature
Experimentell
Chrome Vollständige Unterstützung 85
Hinweise Deaktiviert
Vollständige Unterstützung 85
Hinweise Deaktiviert
Hinweise See bug 1051189.
Deaktiviert From version 85: this feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled). To change preferences in Chrome, visit chrome://flags.
Edge Vollständige Unterstützung 85
Hinweise Deaktiviert
Vollständige Unterstützung 85
Hinweise Deaktiviert
Hinweise See bug 1051189.
Deaktiviert From version 85: this feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled).
Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1051189.
Chrome Android Vollständige Unterstützung 85
Hinweise Deaktiviert
Vollständige Unterstützung 85
Hinweise Deaktiviert
Hinweise See bug 1051189.
Deaktiviert From version 85: this feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled). To change preferences in Chrome, visit chrome://flags.
Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
prefers-reduced-motion media featureChrome Vollständige Unterstützung 74Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 63IE Keine Unterstützung NeinOpera Vollständige Unterstützung 62Safari Vollständige Unterstützung 10.1WebView Android Vollständige Unterstützung 74Chrome Android Vollständige Unterstützung 74Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 53Safari iOS Vollständige Unterstützung 10.3Samsung Internet Android Vollständige Unterstützung 11.0
prefers-reduced-transparency media feature
Experimentell
Chrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
resolution media featureChrome Vollständige Unterstützung 29Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 8
Vollständige Unterstützung 8
Teilweise Unterstützung 3.5
Hinweise
Hinweise Supports <integer> values only.
IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 16
Vollständige Unterstützung 16
Keine Unterstützung 10 — 15
Safari Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 78087.
WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 29Firefox Android Vollständige Unterstützung 8
Vollständige Unterstützung 8
Teilweise Unterstützung 4
Hinweise
Hinweise Supports <integer> values only.
Opera Android Vollständige Unterstützung 16
Vollständige Unterstützung 16
Keine Unterstützung 10.1 — 14
Safari iOS Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 78087.
Samsung Internet Android Vollständige Unterstützung 2.0
scan media featureChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
scripting media featureChrome Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
Edge Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
Firefox Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1166581.
IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
Chrome Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
Firefox Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1166581.
Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
speech media typeChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Vollständige Unterstützung 9.2Safari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung 10.1Safari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
update media featureChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
width media featureChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 10Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
-moz-device-pixel-ratio media feature
VeraltetNicht standardisiert
Chrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 4IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 4Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
-webkit-animation media feature
VeraltetNicht standardisiert
Chrome Keine Unterstützung 2 — 36Edge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung 15 — 23Safari Vollständige Unterstützung 4WebView Android Keine Unterstützung ≤37 — ≤37Chrome Android Keine Unterstützung 18 — 36Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung 14 — 24Safari iOS Vollständige Unterstützung 3.2Samsung Internet Android Keine Unterstützung 1.0 — 3.0
-webkit-device-pixel-ratio media feature
Nicht standardisiert
Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 63
Hinweise
Vollständige Unterstützung 63
Hinweise
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung 15Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 63
Hinweise
Vollständige Unterstützung 63
Hinweise
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Vollständige Unterstützung 14Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
-webkit-max-device-pixel-ratio media feature
Nicht standardisiert
Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 63
Hinweise
Vollständige Unterstützung 63
Hinweise
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung 15Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 63
Hinweise
Vollständige Unterstützung 63
Hinweise
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Vollständige Unterstützung 14Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
-webkit-min-device-pixel-ratio media feature
Nicht standardisiert
Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 63
Hinweise
Vollständige Unterstützung 63
Hinweise
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung 15Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 63
Hinweise
Vollständige Unterstützung 63
Hinweise
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Vollständige Unterstützung 14Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
-webkit-transform-2d media feature
Nicht standardisiert
Chrome Keine Unterstützung 2 — 36Edge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung 15 — 23Safari Vollständige Unterstützung 4WebView Android Keine Unterstützung ≤37 — ≤37Chrome Android Keine Unterstützung 18 — 36Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung 14 — 24Safari iOS Vollständige Unterstützung 3.2Samsung Internet Android Keine Unterstützung 1.0 — 3.0
-webkit-transform-3d media feature
Nicht standardisiert
Chrome Keine Unterstützung 2 — 36Edge Keine Unterstützung 12 — 79Firefox Vollständige Unterstützung 49
Vollständige Unterstützung 49
Vollständige Unterstützung 46
Deaktiviert
Deaktiviert From version 46: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Keine Unterstützung 15 — 23Safari Vollständige Unterstützung 4WebView Android Keine Unterstützung ≤37 — ≤37Chrome Android Keine Unterstützung 18 — 36Firefox Android Vollständige Unterstützung 49
Vollständige Unterstützung 49
Vollständige Unterstützung 46
Deaktiviert
Deaktiviert From version 46: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung 14 — 24Safari iOS Vollständige Unterstützung 3.2Samsung Internet Android Keine Unterstützung 1.0 — 3.0
-webkit-transition media feature
VeraltetNicht standardisiert
Chrome Keine Unterstützung 2 — 36Edge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung 15 — 23Safari Vollständige Unterstützung 4WebView Android Keine Unterstützung ≤37 — ≤37Chrome Android Keine Unterstützung 18 — 36Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung 14 — 24Safari iOS Vollständige Unterstützung 3.2Samsung Internet Android Keine Unterstützung 1.0 — 3.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.
Benutzer muss dieses Feature explizit aktivieren.
Benutzer muss dieses Feature explizit aktivieren.