CSS-Medientyp: Wie CSS für mobile laden?

Question

Mit diesem Code:

<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 Standardbrowser des Nokia und Opera Mini Last screen.css statt mobile.css .
Was bin ich?

Answer 1

Nokia N78 verwendet den S60-Browser, der nur "Bildschirm" Sheets liest. Es wird nicht die „Handheld“ lesen. Dabei spielt es keine Medienabfrage unterstützen. Anstatt alles versuchen, hier zu geben, einen Blick auf diesen Artikel und Sie werden das Problem lösen - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Answer 2

Mit dem 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 für nicht funktioniert. Das einzige mobile Gerät, das ich für entwickelt habe, ist das iPhone. Aber ich bin sicher, dass Sie ihm einen Schuss mit Ihrem Nokia geben können.

Mehr auf Medienanfragen

Answer 3

Opera Mini nutzt den Bildschirm Medientyp, weil er sein Verhalten und Fähigkeiten am besten entspricht. Allerdings wird es Handheld-Stylesheets verwenden, wenn Sie auf mobilen Anzeigemodus wechseln. Siehe Ein Blick Entwickler bei Opera Mini 5 Beta 2 für weitere Informationen.