Mit diesem Code:CSS-Medientyp: Wie lade ich CSS für Handys?
<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" />
auf meinem N78 der Standard-Browser und Opera mini nokia Last screen.css statt mobile.css.
Was fehlt mir?
Nokia N78 verwendet den S60 Browser, der nur "Bildschirm" Stylesheets liest. Es wird nicht das "Handheld" gelesen. Es unterstützt keine Medienabfrage. Anstatt alles zu versuchen, hier zu geben, haben einen Blick auf diesen Artikel und Sie werden das Problem lösen - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
das iPhone als Beispiel:
<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />
Ich habe keine Ahnung, welche Browser/devices dies tut und funktioniert nicht für. Das einzige mobile Gerät, für das ich entwickelt habe, ist das iPhone. Aber ich bin sicher, du kannst es mit deinem Nokia machen.
Opera Mini nutzt den Bildschirm Medientyp, weil er sein Verhalten und Fähigkeiten am besten passt. Es werden jedoch Handheld-Stylesheets verwendet, wenn Sie in den mobilen Ansichtsmodus wechseln. Weitere Informationen finden Sie unter A developer’s look at Opera Mini 5 beta 2.