Con questo codice:Tipo di supporto CSS: come caricare CSS per dispositivi mobili?
<link rel="stylesheet"
type="text/css"
href="media/css/mobile.css"
media="handheld" />
<link rel="stylesheet"
type="text/css"
href="media/css/screen.css"
media="screen" />
sul mio N78 browser e l'opera di default mini carico del Nokia screen.css invece di mobile.css.
Cosa mi manca?
Nokia N78 utilizza il browser S60, che legge solo fogli di stile "schermo". Non leggerà il "palmare". Non supporta la query multimediale. Invece di cercare di scrivere tutto qui, dare un'occhiata a questo articolo e si risolverà il problema - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
Utilizzando l'iPhone come esempio:
<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />
Non ho idea di quale browser/dispositivi che fa e non funziona per. L'unico dispositivo mobile che ho sviluppato è l'iPhone. Ma sono sicuro che puoi fare un tentativo con il tuo Nokia.
Opera Mini utilizza lo schermo tipo di supporto perché si adatta il suo comportamento e le capacità migliori. Tuttavia, utilizzerà i fogli di stile del palmare se si passa alla modalità di visualizzazione mobile. Vedere A developer’s look at Opera Mini 5 beta 2 per ulteriori informazioni.