problema con i media tag

[techno]

Salve sto avendo un problema con i media tag dove non me ne esco fuori:

<link rel="stylesheet" media="screen and (max-device-width:1023px)" href="style/mobile.css" type="text/css" />
<link rel="stylesheet" media="screen and (min-device-width:1024px)" href="style/desktop.css" type="text/css" />

...

<div id="mobile"></div>
<div id="desktop"></div>

Il file mobile.css:

#mobile { display:block; }
#desktop { display:none; }

Il file desktop:

#mobile { display:none; }
#desktop { display:block; }

perche non mi prende la scomparsa dei tag?
cio i tag con display "none" me li fa vedere ugualmente anche se poi tutte le classi nei file non li legge.

[Roby140569]

Se mel tag media cambi gli attributi max-device-width e min-device-width, rispettivamente in max-width e min-width, funziona.

[techno]

ecco mi scuso ma vi era una tabella che ho dimenticato di elimianre e pensavo che mi faceva comparire dei tag che ci sono in mobile

[Roby140569]

Se provi una cosa così semplice, vedi che funziona correttamente con max-width e min-width.

<style>
@media screen and (max-width:1023px){
    #mobile {display:block; }
    #desktop {display:none;}
}

@media screen and (min-width:1024px){
    #mobile { display:none;}
    #desktop {display:block;}
}
</style>
<div id="mobile">MOBILE</div>
<div id="desktop">DESKTOP</div>