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 9.2Samsung 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 9.2Samsung Internet Android ?
aspect-ratio media featureChrome Soporte completo 3Edge Soporte completo 12Firefox Soporte completo 3.5IE Soporte completo 9Opera Soporte completo SiSafari Soporte completo 4.1WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo 4.2Samsung Internet Android Soporte completo 1.0
calc() expressionsChrome Soporte completo 66Edge Sin soporte NoFirefox 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 Si
color media featureChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
color-gamut media featureChrome Soporte completo 58Edge Sin soporte NoFirefox 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 feature
No estándar
Chrome Soporte completo 29Edge Sin soporte NoFirefox 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 SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari 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 SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari 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 SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
display-mode media featureChrome Soporte completo 45Edge Sin soporte NoFirefox 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
grid media featureChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 10Opera Soporte completo SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari 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 SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari 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 9.2Samsung Internet Android ?
inverted-colors media feature
ExperimentalNo estándar
Chrome 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 feature
ExperimentalNo estándar
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 ?
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 ?
Media query value supportChrome Soporte completo 66Edge Sin soporte NoFirefox 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 Sin soporte No
monochrome media featureChrome Soporte completo 1Edge Sin soporte NoFirefox Soporte completo 2IE Sin soporte NoOpera Soporte completo SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
orientation media featureChrome Soporte completo 3Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo SiSafari Soporte completo 4.1WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo 4.2Samsung Internet Android Soporte completo 1.0
overflow-block media feature
Experimental
Chrome 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 feature
Experimental
Chrome 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 9.2Samsung Internet Android ?
prefers-color-scheme media feature
Experimental
Chrome Soporte completo 76Edge Sin soporte NoFirefox Soporte completo 67IE Sin soporte NoOpera Sin soporte NoSafari Soporte completo 12.1WebView Android Soporte completo 76Chrome Android Soporte completo 76Firefox Android Soporte completo 67Opera Android Sin soporte NoSafari iOS Soporte completo 13Samsung Internet Android ?
prefers-reduced-motion media feature
Experimental
Chrome Soporte completo 74Edge Sin soporte NoFirefox 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 ?
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 1.5
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 ? Safari iOS Sin soporte NoSamsung Internet Android ?
scripting media feature
ExperimentalNo estándar
Chrome Sin soporte No
Notas
Sin soporte No
Notas
Notas See bug 489957.
Edge Sin soporte NoFirefox 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 ?
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 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 ? Safari iOS Sin soporte NoSamsung Internet Android ?
width media featureChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 2IE Soporte completo 9Opera Soporte completo SiSafari Soporte completo 3WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo SiSafari 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 ? — 23Safari Soporte completo 4WebView Android Sin soporte ≤37 — ≤37Chrome Android Sin soporte 18 — 36Firefox Android Sin soporte NoOpera Android Sin soporte ? — 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 SiSafari 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 SiSafari 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 SiSafari 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 SiSafari 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 SiSafari 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 SiSafari 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 ? — 23Safari Soporte completo 4WebView Android Sin soporte ≤37 — ≤37Chrome Android Sin soporte 18 — 36Firefox Android Sin soporte NoOpera Android Sin soporte ? — 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 Soporte completo 12Firefox 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 ? — 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 ? — 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 ? — 23Safari Soporte completo 4WebView Android Sin soporte ≤37 — ≤37Chrome Android Sin soporte 18 — 36Firefox Android Sin soporte NoOpera Android Sin soporte ? — 24Safari iOS Soporte completo 3.2Samsung Internet Android Sin soporte 1.0 — 3.0

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Compatibilidad desconocida  
Compatibilidad desconocida
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.

Etiquetas y colaboradores del documento

Colaboradores en esta página: mdnwebdocs-bot, mikelmg
Última actualización por: mdnwebdocs-bot,