Css alternativo per dispotivi mobili

[maxcondor]

Salve ragazzi,
sto cercando di ottimizzare un sito per la visione ottimale su dispositivi mobili

nella pagina ho inserito due fogli di stili alternativi

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style_mobile.css" media="handheld"/> 

il foglio di stile style.css contiene :

#app-background {
    background:url(../images/testo_home.png) no-repeat;
    position:fixed;
    z-index:999;
    height:394px;
    width:1177px;
} 

mentre quello style.mobile.css

    #app-background {
    background:none;
    } 

Ho provato ha visualizzare il sito su uno smartphon android utilizzando i browser dolphin e opera. Mi aspettavo nel div app-background di non vedere visualizzata nessuna pagina, invece l'immagine di sfondo viene ignorata. Praticamente il foglio di style.mobile è come se venisse ignorato.
Sbaglio qualcosa?

[carlomarangoni]

media="handheld" non funziona uguale su tutti i dispositivi dipende dal sistema operativo che deve riconoscere il media.

Fai una ricerca su google con media="handheld" per il sistema operativo che ti interessa poi vedi

[Kikyo 98]

Non so, di sicuro non è questo XD, ma nel tag <link> hai scritto "style_mobile.css" e dopo "style.mobile.css", con il puntino... Forse hai fatto lo stesso errore anche nella pagina... XD