<link rel="stylesheet" type="text/css" href="print.css" media="print">
| all |
Wird für alle Medientypen verwendet |
| aural |
Wird für Sprach- und Sound-Synthesizer verwendet |
| braille |
Wird für Braille-Taktilfeedback-Geräte verwendet |
| embossed |
Wird für geprägte Braille-Drucker verwendet |
| handheld |
Wird für kleine oder Handheld-Geräte verwendet |
| drucken |
Wird für Drucker verwendet |
| projection |
Wird für Projektionspräsentationen, wie Folien, verwendet |
| screen |
Wird für Computermonitore verwendet |
| tty |
Wird für Medien mit einem Zeichenraster mit festem Abstand verwendet, wie Teletypes und Terminals |
| tv |
Wird für Fernseher-ähnliche Geräte verwendet |
Danke, Herr Chris Coyier
Gute Sache, Chris, aber ich suche nach dem CSS-Code, um das Hintergrundbild basierend auf der Bildschirmauflösung einzustellen, da ich für Bildschirme mit einer Breite von weniger als 1800px das volle Hintergrundbild mit 1800px Breite laden muss. Wenn der Trick funktioniert, würde ich das kleinere Bild auf Bildschirmen mit geringer Auflösung laden. Danke
Versuchen Sie diesen Code, wenn Sie noch keinen gefunden haben. Ich habe ein Bild von Google genommen, das 1920px × 1080px groß ist, es wird unabhängig von der Bildschirmgröße an die Größe der Seite angepasst.
http://jsfiddle.net/WkJjK/
Gute Sache.. :)
Entschuldigung, ich habe kürzlich angefangen, Themes für WordPress zu erstellen. Ich möchte @media handheld in WordPress verwenden. Wie mache ich das? Meiner Meinung nach gibt es nur ein Stylesheet.
WordPress kann auch mehrere Stylesheets haben... (tatsächlich fügen viele Plugins Stylesheets zu Ihrem "head"-Bereich hinzu, um ihre Widget-Stile konsistent zu halten). Gehen Sie einfach in die "header.php"-Datei Ihres Themes (vielleicht über den in WP integrierten Editor) und schauen Sie sich den Header selbst an.
Enthält wahrscheinlich irgendwo folgenden Code
<link rel="stylesheet" href="” type=”text/css” media=”screen” />
Fügen Sie dann einfach folgenden Code hinzu
und speichern Sie "styleMedia.css" oder wie auch immer Sie es nennen möchten, im Stammverzeichnis Ihres Themes (oder in einem separaten CSS-Ordner, wenn Sie möchten, aber vergessen Sie dann nicht, denselben Ordnernamen zum "Pfad" Ihrer CSS-Datei hinzuzufügen.)
Ich hoffe, das ist hilfreich...
Sie sollten auch eine Liste der Media-Features für die Verwendung in Media Queries aufnehmen. Das wäre sehr hilfreich.
http://www.w3.org/TR/css3-mediaqueries/#media1
Danke fürs Teilen, hat mir sehr geholfen
Danke für einen weiteren großartigen Snippet, Chris
Kann mir jemand helfen, warum ich
media? benutze Ich bin sehr verwirrt über mobile & web CSS
"aural" ist nur in HTML 4.01 und "embossed" ist nur in CSS 2.1
Dies ist veraltet.