Media queries

Las consultas de medios le permiten adaptar su sitio o aplicación dependiendo de la presencia o el valor de varias características y parámetros del dispositivo.

Son un componente clave del responsive design. Por ejemplo, una consulta de medios puede reducir el tamaño de la fuente en dispositivos pequeños, aumentar el relleno entre párrafos cuando se ve una página en modo vertical, o aumentar el tamaño de los botones en las pantallas táctiles.

En CSS, use la @ media at-rule para aplicar condicionalmente parte de una hoja de estilo en función del resultado de una consulta de medios. Use @ import para aplicar condicionalmente una hoja de estilo completa.

 

Consultas de medios en HTML

En HTML, las consultas de medios se pueden aplicar a varios elementos:

     En el atributo <link> media del elemento, definen los medios a los que se debe aplicar un recurso vinculado (normalmente CSS).
     En el atributo <source> media del elemento, definen los medios a los que se debe aplicar esa fuente. (Esto solo es válido dentro de los elementos <picture>.)
     En el atributo <style> del elemento media, definen los medios a los que se debe aplicar el estilo.

 

Consultas de medios en JavaScript

 

En JavaScript puede usar el método Window.matchMedia () para probar la ventana contra una consulta de medios. También puede usar MediaQueryList.addListener () para recibir notificaciones cada vez que cambie el estado de una consulta. Con esta funcionalidad, su sitio o aplicación puede responder a los cambios en la configuración, orientación o estado del dispositivo.

Puede obtener más información sobre el uso programático de consultas de medios en Pruebas de consultas de medios.

Referencias

At-rules

Guides

Usando consultas de medios
Presenta las consultas de los medios, su sintaxis y los operadores y las funciones de los medios que se utilizan para construir expresiones de consulta de los medios.
Probando las consultas de medios programáticamente
Describe cómo usar las consultas de medios en su código de JavaScript para determinar el estado de un dispositivo, y para configurar escuchas que notifican su código cuando cambian los resultados de las consultas de medios (como cuando el usuario gira la pantalla o cambia el tamaño del navegador).
Usando consultas de medios en accesibilidad
Conozca cómo Media Queries puede ayudar a los usuarios a comprender mejor su sitio web.

Especificaciones

Especificación Estado Comentario
Media Queries Level 5 Editor's Draft  
CSS Conditional Rules Module Level 3 Candidate Recommendation  
Media Queries Level 4 Candidate Recommendation  
Media Queries Recommendation  
CSS Level 2 (Revision 1) Recommendation Initial definition

Compatibilidades con navegadores

@media rule

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
@mediaChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo 6Opera Soporte completo 9.2Safari Soporte completo 1.3WebView Android Soporte completo 1Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
any-hover media featureChrome Soporte completo 41Edge Soporte completo 16Firefox Soporte completo 64IE Sin soporte NoOpera Soporte completo 28Safari Soporte completo 9WebView Android Soporte completo 41Chrome Android Soporte completo 41Firefox Android Soporte completo 64Opera Android Soporte completo 28Safari iOS Soporte completo 9Samsung Internet Android Soporte completo 5.0
any-pointer media featureChrome Soporte completo 41Edge Soporte completo 12Firefox Soporte completo 64IE Sin soporte NoOpera Soporte completo 28Safari Soporte completo 9WebView Android Soporte completo 41Chrome Android Soporte completo 41Firefox Android Soporte completo 64Opera Android Soporte completo 28Safari iOS Soporte completo 9Samsung Internet Android Soporte completo 4.0
aspect-ratio media featureChrome Soporte completo 3Edge Soporte completo 12Firefox Soporte completo 3.5IE Soporte completo 9Opera Soporte completo 10Safari Soporte completo 4.1WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 4.2Samsung Internet Android Soporte completo 1.0
calc() expressionsChrome Soporte completo 66Edge Soporte completo 79Firefox Soporte completo 59IE Sin soporte NoOpera Soporte completo 53Safari Soporte completo 12WebView Android Soporte completo 66Chrome Android Soporte completo 66Firefox Android Soporte completo 59Opera Android Soporte completo 47Safari iOS Soporte completo 12Samsung Internet Android Soporte completo 9.0
color media featureChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
color-gamut media featureChrome Soporte completo 58Edge Soporte completo 79Firefox Sin soporte NoIE Sin soporte NoOpera Soporte completo 45Safari Soporte completo 10WebView Android Soporte completo 58Chrome Android Soporte completo 58Firefox Android Sin soporte NoOpera Android Soporte completo 43Safari iOS Soporte completo 10Samsung Internet Android Soporte completo 7.0
color-index media featureChrome Soporte completo 29Edge Soporte completo 79Firefox Sin soporte NoIE Sin soporte NoOpera Soporte completo 16Safari Soporte completo 8WebView Android Soporte completo ≤37Chrome Android Soporte completo 29Firefox Android Sin soporte NoOpera Android Soporte completo 16Safari iOS Soporte completo 8Samsung Internet Android Soporte completo 2.0
device-aspect-ratio media feature
DeprecadoNo estándar
Chrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
device-height media feature
DeprecadoNo estándar
Chrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
device-width media feature
DeprecadoNo estándar
Chrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
display-mode media featureChrome Soporte completo 45Edge Soporte completo 79Firefox Soporte completo 47
Notas
Soporte completo 47
Notas
Notas Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
IE Sin soporte NoOpera Soporte completo 32Safari Soporte completo 13WebView Android Soporte completo 45Chrome Android Soporte completo 45Firefox Android Soporte completo 47
Notas
Soporte completo 47
Notas
Notas Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
Opera Android Soporte completo 32Safari iOS Soporte completo 13Samsung Internet Android Soporte completo 5.0
forced-colors media feature
Experimental
Chrome Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 970285.
Edge Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 970285.
Firefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 970285.
Chrome Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 970285.
Firefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
grid media featureChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 10Opera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
height media featureChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
hover media featureChrome Soporte completo 38
Notas
Soporte completo 38
Notas
Notas Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Edge Soporte completo 12Firefox Soporte completo 64IE Sin soporte NoOpera Soporte completo 28Safari Soporte completo 9WebView Android Soporte completo 38
Notas
Soporte completo 38
Notas
Notas 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 Soporte completo 50Firefox Android Soporte completo 64Opera Android Soporte completo 28Safari iOS Soporte completo 9Samsung Internet Android Soporte completo 5.0
inverted-colors media featureChrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Soporte completo 9.1WebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Soporte completo 10Samsung Internet Android Sin soporte No
light-level media featureChrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
Media feature expressionsChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo 9Opera Soporte completo 9.2Safari Soporte completo 1.3WebView Android Soporte completo 1Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 3.1Samsung Internet Android Soporte completo 1.0
Media query value supportChrome Soporte completo 66Edge Soporte completo 79Firefox Soporte completo 59IE Sin soporte NoOpera Soporte completo 53Safari Sin soporte NoWebView Android Soporte completo 66Chrome Android Soporte completo 66Firefox Android Soporte completo 59Opera Android Soporte completo 47Safari iOS Sin soporte NoSamsung Internet Android Soporte completo 9.0
monochrome media featureChrome Soporte completo 1Edge Soporte completo 79Firefox Soporte completo 2IE Sin soporte NoOpera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
Nested media queriesChrome Soporte completo 26Edge Soporte completo 12Firefox Soporte completo 11IE Sin soporte NoOpera Soporte completo 12.1Safari Soporte completo 6.1WebView Android Soporte completo ≤37Chrome Android Soporte completo 26Firefox Android Soporte completo 14Opera Android Soporte completo 12.1Safari iOS Soporte completo 7Samsung Internet Android Soporte completo 1.5
orientation media featureChrome Soporte completo 3Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo 10.6Safari Soporte completo 4.1WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 11Safari iOS Soporte completo 4.2Samsung Internet Android Soporte completo 1.0
overflow-block media featureChrome Sin soporte NoEdge Sin soporte NoFirefox Soporte completo 66IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo 66Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
overflow-inline media featureChrome Sin soporte NoEdge Sin soporte NoFirefox Soporte completo 66IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo 66Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
pointer media featureChrome Soporte completo 41Edge Soporte completo 12Firefox Soporte completo 64IE Sin soporte NoOpera Soporte completo 28Safari Soporte completo 9WebView Android Soporte completo 41Chrome Android Soporte completo 50Firefox Android Soporte completo 64Opera Android Soporte completo 28Safari iOS Soporte completo 9Samsung Internet Android Soporte completo 5.0
prefers-color-scheme media featureChrome Soporte completo 76Edge Soporte completo 79Firefox Soporte completo 67IE Sin soporte NoOpera Soporte completo 62Safari Soporte completo 12.1WebView Android Soporte completo 76Chrome Android Soporte completo 76Firefox Android Soporte completo 67Opera Android Soporte completo 54Safari iOS Soporte completo 13Samsung Internet Android Sin soporte No
prefers-contrast media feature
Experimental
Chrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
prefers-reduced-data media feature
Experimental
Chrome Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 1051189.
Edge Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 1051189.
Firefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 1051189.
Chrome Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 1051189.
Firefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
prefers-reduced-motion media featureChrome Soporte completo 74Edge Soporte completo 79Firefox Soporte completo 63IE Sin soporte NoOpera Soporte completo 62Safari Soporte completo 10.1WebView Android Soporte completo 74Chrome Android Soporte completo 74Firefox Android Soporte completo 64Opera Android Soporte completo 53Safari iOS Soporte completo 10.3Samsung Internet Android Sin soporte No
prefers-reduced-transparency media feature
Experimental
Chrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
resolution media featureChrome Soporte completo 29Edge Soporte completo 12Firefox Soporte completo 8
Soporte completo 8
Soporte parcial 3.5
Notas
Notas Supports <integer> values only.
IE Soporte completo 9Opera Soporte completo 16
Soporte completo 16
Sin soporte 10 — 15
Safari Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 78087.
WebView Android Soporte completo ≤37Chrome Android Soporte completo 29Firefox Android Soporte completo 8
Soporte completo 8
Soporte parcial 4
Notas
Notas Supports <integer> values only.
Opera Android Soporte completo 16
Soporte completo 16
Sin soporte 10.1 — 14
Safari iOS Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 78087.
Samsung Internet Android Soporte completo 2.0
scan media featureChrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
scripting media featureChrome Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 489957.
Edge Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 489957.
Firefox Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 1166581.
IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 489957.
Chrome Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 489957.
Firefox Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 1166581.
Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 489957.
speech media typeChrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Soporte completo 9.2Safari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Sin soporte NoOpera Android Soporte completo 10.1Safari iOS Sin soporte NoSamsung Internet Android Sin soporte No
update media featureChrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
width media featureChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo 10Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
-moz-device-pixel-ratio media feature
DeprecadoNo estándar
Chrome Sin soporte NoEdge Sin soporte NoFirefox Soporte completo 4IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo 4Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
-webkit-animation media feature
DeprecadoNo estándar
Chrome Sin soporte 2 — 36Edge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte 15 — 23Safari Soporte completo 4WebView Android Sin soporte ≤37 — ≤37Chrome Android Sin soporte 18 — 36Firefox Android Sin soporte NoOpera Android Sin soporte 14 — 24Safari iOS Soporte completo 3.2Samsung Internet Android Sin soporte 1.0 — 3.0
-webkit-device-pixel-ratio media feature
No estándar
Chrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 63
Notas
Soporte completo 63
Notas
Notas Implemented as an alias for for -moz-device-pixel-ratio.
Soporte completo 49
Notas Deshabilitado
Notas Implemented as an alias for for -moz-device-pixel-ratio.
Deshabilitado 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.
Soporte completo 45
Notas Deshabilitado
Notas Implemented as an alias for for -moz-device-pixel-ratio.
Deshabilitado 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 Sin soporte NoOpera Soporte completo 15Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 63
Notas
Soporte completo 63
Notas
Notas Implemented as an alias for for -moz-device-pixel-ratio.
Soporte completo 49
Notas Deshabilitado
Notas Implemented as an alias for for -moz-device-pixel-ratio.
Deshabilitado 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.
Soporte completo 45
Notas Deshabilitado
Notas Implemented as an alias for for -moz-device-pixel-ratio.
Deshabilitado 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 Soporte completo 14Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
-webkit-max-device-pixel-ratio media feature
No estándar
Chrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 63
Notas
Soporte completo 63
Notas
Notas Implemented as an alias for for max--moz-device-pixel-ratio.
Soporte completo 49
Notas Deshabilitado
Notas Implemented as an alias for for max--moz-device-pixel-ratio.
Deshabilitado 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.
Soporte completo 45
Notas Deshabilitado
Notas Implemented as an alias for for max--moz-device-pixel-ratio.
Deshabilitado 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 Sin soporte NoOpera Soporte completo 15Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 63
Notas
Soporte completo 63
Notas
Notas Implemented as an alias for for max--moz-device-pixel-ratio.
Soporte completo 49
Notas Deshabilitado
Notas Implemented as an alias for for max--moz-device-pixel-ratio.
Deshabilitado 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.
Soporte completo 45
Notas Deshabilitado
Notas Implemented as an alias for for max--moz-device-pixel-ratio.
Deshabilitado 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 Soporte completo 14Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
-webkit-min-device-pixel-ratio media feature
No estándar
Chrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 63
Notas
Soporte completo 63
Notas
Notas Implemented as an alias for for min--moz-device-pixel-ratio.
Soporte completo 49
Notas Deshabilitado
Notas Implemented as an alias for for min--moz-device-pixel-ratio.
Deshabilitado 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.
Soporte completo 45
Notas Deshabilitado
Notas Implemented as an alias for for min--moz-device-pixel-ratio.
Deshabilitado 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 Sin soporte NoOpera Soporte completo 15Safari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 63
Notas
Soporte completo 63
Notas
Notas Implemented as an alias for for min--moz-device-pixel-ratio.
Soporte completo 49
Notas Deshabilitado
Notas Implemented as an alias for for min--moz-device-pixel-ratio.
Deshabilitado 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.
Soporte completo 45
Notas Deshabilitado
Notas Implemented as an alias for for min--moz-device-pixel-ratio.
Deshabilitado 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 Soporte completo 14Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
-webkit-transform-2d media feature
No estándar
Chrome Sin soporte 2 — 36Edge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte 15 — 23Safari Soporte completo 4WebView Android Sin soporte ≤37 — ≤37Chrome Android Sin soporte 18 — 36Firefox Android Sin soporte NoOpera Android Sin soporte 14 — 24Safari iOS Soporte completo 3.2Samsung Internet Android Sin soporte 1.0 — 3.0
-webkit-transform-3d media feature
No estándar
Chrome Sin soporte 2 — 36Edge Sin soporte 12 — 79Firefox Soporte completo 49
Soporte completo 49
Soporte completo 46
Deshabilitado
Deshabilitado 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 Sin soporte NoOpera Sin soporte 15 — 23Safari Soporte completo 4WebView Android Sin soporte ≤37 — ≤37Chrome Android Sin soporte 18 — 36Firefox Android Soporte completo 49
Soporte completo 49
Soporte completo 46
Deshabilitado
Deshabilitado 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 Sin soporte 14 — 24Safari iOS Soporte completo 3.2Samsung Internet Android Sin soporte 1.0 — 3.0
-webkit-transition media feature
DeprecadoNo estándar
Chrome Sin soporte 2 — 36Edge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte 15 — 23Safari Soporte completo 4WebView Android Sin soporte ≤37 — ≤37Chrome Android Sin soporte 18 — 36Firefox Android Sin soporte NoOpera Android Sin soporte 14 — 24Safari iOS Soporte completo 3.2Samsung Internet Android Sin soporte 1.0 — 3.0

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Experimental. Esperar que el comportamiento cambie en el futuro.
Experimental. Esperar que el comportamiento cambie en el futuro.
No estandar . Esperar poco soporte entre navegadores.
No estandar . Esperar poco soporte entre navegadores.
Deprecado. No debe ser usado en nuevos sitios web.
Deprecado. No debe ser usado en nuevos sitios web.
Ver notas de implementación.
Ver notas de implementación.
El usuario debe de habilitar explícitamente esta característica.
El usuario debe de habilitar explícitamente esta característica.

Ver también

  • Use @ apoya para aplicar estilos que dependen del soporte del navegador para varias tecnologías CSS.