@media max-width dentro de @media min-width en explorer no funciona

[marcwolf]

Hola,

me gustaria saber porqué no funciona el siguiente código en internet explorer 11, en chrome, firefox, safari y todos los mobiles que he probado funciona bien.

Código CSS:

@media only screen and (min-width:1111px){
 
    @media only screen and (max-width:1440px){
        
        
    }
 
    @media only screen and (max-width:1240px){
        
        
    }
 
etc...
 
}
 

Saludos

[petit89]

la respuesta puede ser simple.... no es compatible la función con la versión de explorer que estas ejecutando..

[marcwolf]

se agredece la intención pero busco alguna ayuda más especifica...

[ArturoGallegos]

La respuesta ha sido lo suficiente mente clara, si explorer no soporta que anides de esa forma los estilos habras de cambiar el metodo que utilizas

porque no pruebas con

Código CSS:

@media only screen and (min-width:1111px)  and (max-width:1440px){
 
... 
 
}
@media only screen and (min-width:1111px)  and (max-width:1240px){
 
... 
 
}
 
etc...