Ciao ragazzi.

Sto cercando di creare siti ottimizzati per piattaforme mobile

e come inizio per vedere il suo funzionamento sto utilizzando le media query dei css3
Però probabilmente sto operando in maniera errata allora...

<link rel="stylesheet" media="screen" href="main.css" />
<link rel="stylesheet" media="handheld" href="main2.css" />

qui ho creato le due condizioni che "dovrebbero" esser corrette, poi...nel main.css ho inserito


body {
background: yellow;
}


mentre nel main2.css


body {
background: red;
}
quindi molto molto semplice

però anche su piattaforma mobile (sto usando un emulatore però consigliato sempre da html.it) lo sfondo è sempre di colore giallo non riconoscendo la piattaforma mobile.

Sicuramente è errata la maniera in cui ho agito e quindi in parole povere...come si fa?

grazie in anticipo