@media screen per stili responsive non riconosciuti

[asevenx]

Salve, stavo realizzando un sito in modo responsive con @media screen. Dal mio PC (zoommando) riesco a vedere i vari stili che si attivano secondo la risoluzione, mentre da smartphone non c'è verso. La stringa è la seguente

@media only screen and (min-width: 300px) and (max-width: 640px) {
...
}

Quale può essere l'errore?

 

[filomeni]

ciao prova così:

@media (min-width: 300px) and (max-width: 640px) {
...
}

 

[asevenx]

Non va, non capisco quale sia il problema. Ho provato a ridurre al minimo il codice, solo un cambio di colore in un div.

	<div id="container-header">
		PROVA RESPONSIVE_<br/>
		
		ROSSO: PC<br/>
		BLUE: TABLET<br/>
		LIME: SMARTPHONE<br/>
	</div>

@media (min-width: 1024px) {


	#container-header{
		/*background: url('../img/banner-duelaghi.jpg');*/
		background: red;	
	}	
}

@media (min-width: 641px) and (max-width: 960px) {


	#container-header{
		background: blue;	
	}
	
}

@media (max-width: 640px) {


	#container-header{
		/*background: url('../img/banner-duelaghi-mobile.jpg');*/
		background: lime;	
	}	
}

 

[filomeni]

Provi a lasciare il link almenno provo a testarlo su mobile?