Cargando

Ir a contenido

X

Como soportar CSS media queries en Internet Explorer





  AUTOR PREGUNTA

Publicado 13 marzo 2014 - 13:43
Necesito saber como soportar CSS media queries en Internet Explorer 6, 7 y 8 para compatibilizar una pagina web donde los usuarios utilizan navegadores antiguos yse generan problemas de compatibilidad con la web.
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 13 marzo 2014 - 13:49
Echa un vistazo a adapt.js es un archivo Javascript ligero que determina qué archivo CSS para cargar antes que el explorador comienza a representar una página.
Asegúrate de probar respond.js es rápido y ligero para las media query min y max-ancho de CSS3 media queries para IE versiones 6 a 8.

Entonces hariamos por ejemplo que cualquier navegador version menor a IE 9

<head>
<!-- Css general IE6, IE7 and IE8 -->
<link rel="stylesheet" type="text/css" href="all-min.css" />

<!-- CSS media query para IE otras versiones -->

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="smartphone.css" media="only all and (max-width: 480px)" id="stylesheet-480" />
<link rel="stylesheet" type="text/css" href="tablets.css" media="only all and (min-width: 480px) and (max-width: 1024px)" id="stylesheet-1024" />
<link rel="stylesheet" type="text/css" href="wide.css" media="only all and (min-width: 1200px)" id="stylesheet-1280" />
<script type="text/javascript" src="/js/css-media-query-ie.js"></script>
<![endif]-->
</head>




X