Compatibilidad con IE7, IE8 para consulta de medios css3

Yo he tratado :

@media screen and (max-width:1024px) { .sidebar{width:630px;} } 

para obtener la solución para IE7 y 8 pero no funciona, mientras que funciona para IE9 y otros navegadores. ¿Hay alguna forma diferente de escribir esto? Intenté incluir también css3mediaqueries js pero no tuve éxito. ¿Hay algún tipo de soporte para IE7 e IE8?

Incluye esta metaetiqueta en .

  

Internet Explorer 8 o anterior no es compatible con la consulta de medios. Puede usar media-queries.js o respond.js para agregar soporte de consulta de medios en IE.

  

Creo que estos dos enlaces te ayudarán.

Actualizar

css3-mediaqueries-js se mueve en github

En general, los pasos a seguir son una combinación de complementos de JS, comentarios condicionales y un entorno de prueba.

He utilizado con éxito respond.js para soporte de consulta de medios, puede descargarlo desde github. – use comentarios condicionales para evitar agregar esto en los navegadores modernos

  

Según la cantidad de detalles que desee obtener con el soporte de CSS3, puede configurar PIE.htc – css3pie.com

Finalmente, para obtener una mejor comprensión de los problemas y resultados, examine las opciones de prueba del navegador:

Configure una VM – https://modern.ie/en-us/virtualization-tools#downloads – Este ha sido un método muy exitoso para mí y lo considero el método más confiable

Browserstack: puede configurar una cuenta de prueba por 30 días; es una buena herramienta, pero como antes, no es tan confiable como la VM.

 < !DOCTYPE html>   New Page 1       

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

sdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdfsdf sdf sdfsdf sdf

¡No he probado el css3-mediaqueries.js! Tal vez le das una oportunidad a reply.js . Esto realmente funciona para IE 6-8, que de forma nativa no es compatible con Media Queries (consulte ¿Puedo usar … ).

De todos modos, ¿por qué todavía soportarías IE 7 hoy en día? Cada sistema que todavía ejecuta un IE 7 puede actualizarse a IE 8. Y también es más fácil recurrir a las funciones de diseño moderno de CSS3 como Flexbox, porque es compatible con IE 8 para ‘display: table-xy’ (que no es compatible con IE 7). .

Personalmente, no utilizo ningún Shims / Polyfills para el diseño básico porque, en mi opinión, es contraproducente hacer el diseño de CSS dependiendo del soporte de Javascript.

Que yo sepa, creo que las consultas de los medios no son compatibles con IE7 e IE8.

Mira aquí

Acabo de encontrar este hilo, puede haber una solución para esto.

Publicación original aquí: compatibilidad con IE8 para CSS Media Query