Problema "css" sito web [HTML/CSS]

[LucaE]

Salve a tutti ragazzi, spero possiate darmi una mano :)

Sto rinnovando il mio sito web e vorrei, tramite due fogli di stile differenti, fare in modo che raggiunta una tot risoluzione in larghezza il mio sito web usasse il secondo foglio di stile.
Nel tag head ho dichiarato i fogli cosi (il "master" è il foglio di stile primario, il "cambio" è il secondo):


<link href="css/master.css" rel="stylesheet" type="text/css">
<link href="css/cambio.css" rel="stylesheet" type="text/css" media="(max-width:640px)">


Ora mettendo tutto online da browser pare funzionare (raggiunta una certa larghezza viene cambiato foglio di stile), mentre se provo a navigare da telefono (lumia 520) viene utilizzato il "master" :confused:

Qualcuno può aiutarmi?
Grazie mille!! :D

[wingman87]

Per come l'hai scritto master dovrebbe essere utilizzato comunque mentre cambio viene usato in più quando width<=640px.
Il lumia quindi dovrebbe usare cambio solo quando è orientato in portrait

[LucaE]

Per come l'hai scritto master dovrebbe essere utilizzato comunque mentre cambio viene usato in più quando width<=640px.
Il lumia quindi dovrebbe usare cambio solo quando è orientato in portrait


esatto, ma non avviene :confused:

[wingman87]

Puoi postare l'intero head? È possibile visitare la pagina in questione?
È possibile che nella tua pagina sia presente un meta che forza l'emulazione di ie7?
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

[LucaE]

Io mi pare avessi risolto aggiungendo il meta viewport nell'header della pagina

<meta name="viewport" content="width=device-width">

Porca miseria...non lo avevo aggiunto:muro:
vado a nascondermi per la vergogna:doh:

grazie anche a te wingman87! :D