Wie Verwenden Sie das Media-Attribut für handhelds der HTML-Link-tag?
Momentan habe ich folgende in meinem HTML-Dokument.
<link REL=StyleSheet HREF="/stylesheets/home.css" TYPE="text/css" MEDIA=screen>
<link REL=StyleSheet HREF="/stylesheets/homedark.css" TYPE="text/css" MEDIA=handheld>
Jedoch ändert sich nichts auf einem handheld-Gerät (mein Android-Handy). Gibt es etwas, was ich falsch mache, oder ist es nur nicht so einfach?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Benötigen Sie mehr erweiterte media queries, wie diejenigen, die Ziel
screen size
Also etwas mehr wie
In Ihrem stylesheet, es wäre so etwas wie dieses
http://www.w3.org/TR/css3-mediaqueries/
Einfache JS-device-Erkennung hilfreich sein:
Eine noch bessere Sache zu tun ist, verwenden Sie irgendeine Art von combo... media queries & Gerät /feature-Erkennung.
Dies ist eine gute übersicht: http://www.csskarma.com/presentations/cssla/slides/mobile_media_touch.pdf (ACHTUNG: pdf-Datei)
Laut w3schools die handheld-media-Typ ist veraltet sowieso. Sie benötigen, um Medien-Anfragen zu erreichen, was Sie wollen.
Schade, es ist nicht ein media-Typ für "Telefon". Die Fähigkeit, eine Nummer zu wählen ist wirklich der markanteste Unterschied.
Vielleicht ist Ihr Telefon nicht der Auffassung, selbst ein handheld-nach was auch immer Kriterien des W3C verwendet für diesen Begriff. Moderne mobile Browser sind nicht so Verschieden von einem ausgewachsenen desktop ein und sind bei weitem nicht so begrenzt wie der ursprüngliche (Unnützes) WAP-Browser in dumbphones wurden. Normalerweise gibt es keine wirkliche Notwendigkeit für die Ausgabe der "handheld" - Typ als der Handy-browser ist besser bei der Entscheidung, was/wie um zu zeigen, Inhalte als die Seite ist.