Aiuto e consigli su adattamento sito per dispositivi mobile

[Sevenjeak]

Salve,

Sto provando, ultimamente, da adattare il mio sito alla visualizzazione su dispositivi mobile, per provare, ho creato questa piccola pagina di prova:

http://sevenjeak.altervista.org/testing/

Come potete notare dal codice, il sito a un css per il desktop e uno per i dispositivi mobile, il problema è che: quando cerco di visualizzarlo sul desktop va tutto bene ( mi si visualizza ) ma, quando cerco di visualizzarlo sul mio samsung galaxy mi visualizza pagina bianca, da cosa dipende questo?

Ovviamente se non includo il file mail.mobile.css mi si visualizza, ma applicando le regole del main.css.

Oltre a questo volevo un vostro consiglio:

Nella pagina che vi ho linkato ci sono dei meta-tag per evitare che il browser legga dalla cache, cosa che non ho fatto, e non so se esiste, anche per i browser dei dispositivi mobile, se esistono, quale tag dovrei utilizzare?

 

[Max 1]

Non hai usato ne un @media query ne un userAgent pertanto è difficile che il mobile individui il css da usare

 

[Sevenjeak]

No aspetta, scusa la mia ignoranza ma non ho mai creato un sito per mobile, solo per desktop, ma in che senso non ho definito nessuna media query? ho definito il media query handheld direttamente nell'attributo media del tag link, da quello che ho capito in questa guida:

http://www.html.it/pag/19466/css-media-queries-le-basi/

Oltre a dichiararli all'interno del css, si può dichiarare semplicemente nell'attributo media, oppure ho capito male io?

Cosa centra l'UserAgent, l'UserAgent, in questo caso, non è il browser che visualizza la pagina.