Css per smartphone funziona su pc ma non su smartphone..

quinto

Css per smartphone funziona su pc ma non su smartphone..

Ciao a tutti, ho inserito in un sito un foglio di stile per avere un visualizzazione più semplificata e accessibile quando vi si naviga con un dispositivo 'mobile' inserendo il seguente tag:

Mi ritrovo che se sul pc apro il sito in una finestra rimpicciolita (<=480px) il layout viene giustamente impostato in versione phone.css. Ho provato a caricare la pagina con due smartphone android con due broser diversi (uno quello predefinito android e uno con il boat mini broser) e su entrambi mi viene caricato il css standard layout.css.

Perchè? (è colpa degli smartphone che cercano di caricare la pagina come un pc?)

Qualcuno sa come posso risolvere?

Grazie e

quinto

Aggiornamento.. per adesso lascio così:
<HTML>
<link rel="stylesheet" media="screen" href="layout.css" type="text/css">
<link rel="stylesheet" media="only screen and (max-width: 480px)" href="phone.css" type="text/css" >
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="phone.css" type="text/css" >
</HTML>

Ho chiesto ad un mio amico di verificare su iphone e su quello funziona, ho provato su un emulatore online di iphone/ipad e samsung e anche li tutto ok.. a questo punto ho ancora il problema con i browser dei miei telefoni android proverò ad installare dolphin e opera per vedere se cambia qualcosa..