css - bootstrap 3 compatibilidad navegadores
El polyfill respond.js no funciona para la última consulta de medios en IE8 (3)
No estoy seguro de si esto se aplica a usted, pero acabo de encontrar un problema que rompe el CSS mientras usa responder.js.
¿Tiene algún elemento que se abra y cierre sin estilos, es decir:
ul.demo{}
Encontré que esto estaba rompiendo mi CSS en ie 8 y abajo
Tengo dos consultas de medios en mi css (sin contar la de impresión): @media screen and (min-width: 720px) {} y @media screen and (min-width: 1026px) {
Estoy usando responder.js para que se comporten bajo IE8. Lo extraño es que funciona a la perfección, a excepción de la última consulta de medios, donde vuelve al CSS antes de las consultas de los medios. Es decir, funciona bien hasta que la ventana alcanza ese umbral de 1026px de ancho.
¿Alguien tiene una idea de lo que está pasando allí? Aquí está el enlace a la vista previa: http://bit.ly/i6ITPe
Muchas gracias por cualquier respuesta
He estado teniendo varios problemas con esto y lo he encontrado funcionando continuamente. En primer lugar, basándome en los foros que he estado leyendo, no debería incluir respond.js de modernizr, es más que probable que lo dejen caer. También cuando incluyes respond.js agrégalo después de todas tus hojas de estilo. Debería ser una de las últimas cosas para cargar. ¡Espero que ayude! =)
Hay algunas cosas a tener en cuenta cuando se usa responder.js
- Necesita analizar el CSS haciendo una llamada ajax a la hoja de estilo en un elemento de
link - No puede entender el CSS creado dinámicamente desde, por ejemplo, el lado LESS del cliente, o los estilos inyectados a través de
document.write, jQuery, etc. -
@Importinstrucciones@Importno se siguen dentro de las hojas de estilo
Espero que esto ayude.