Wie eine Frage der Medien in Dreamweaver erstellen
Medien-Abfrage identifiziert einen Medien (Print, Screen, Handgerät, usw.) und zeigt die HTML-Seite mit einem CSS-Stylesheet auf der Grundlage dieser Medien. So zum Beispiel, wenn die Seite in einem Android-Mobilgerät geöffnet wird, wäre es mit einem engeren Behälter zeigen das Telefon und einen höheren Kontrast-Farbschema zu passen, die gut in der Sonne gearbeitet.
Menu
- Klicken sie auf die schaltfläche media queries.
- Bei der schreib media queries um bereich, dieses dokument (die medienabfrage für das geöffnete dokument zu definieren).
- Klicken sie auf die kraft devices tatsächliche breite kontrollkästchen zu melden.
- Drücke den # 147 - + # 148- taste, um die ersten medien-abfrage zu generieren. in dem feld beschreibung geben sie einen kommentar, der sie daran erinnert, was diese abfrage für ist (wie laptops, tablet pcs, mobile geräte und so weiter).
- Um eine mindestbreite für die medienabfrage definieren, einen wert in der mindestbreite feld eingeben.
- Klicken sie auf die nutzung vorhandener datei-taste und navigieren sie zu der css-datei, die sie in full-size-browser-umgebungen verwenden möchten.
- Definieren sie mindestens eine zusätzliche medien abfrage von 4-6 schritte wiederholen.
- Klicken sie auf ok im media-dialogfeld abfragen.
Mit Ihrer alternativen CSS-Dateien erstellt und gespeichert wird, zeigen Sie die HTML-Seite an, wo sie in der Multiscreen-Vorschaufenster verknüpft werden. Um eine Medienanfrage in Dreamweaver erstellen, gehen Sie folgendermaßen vor:
Klicken Sie auf die Schaltfläche Media Queries.
Das Medien-Abfragen Dialogfeld geöffnet wird.
Bei der Schreib Media Queries Um Bereich, dieses Dokument (die Medienabfrage für das geöffnete Dokument zu definieren).
Um eine Site-weite Media Queries-Datei, die auf andere Seiten in Dreamweaver-Site angewendet werden können, wählen Sie die Site-Datei Option Weit Media Queries und klicken Sie dann auf die Schaltfläche Geben Sie zu navigieren und wählen Sie einen Ordner und den Dateinamen für diesen Zweck.
Klicken Sie auf die Kraft Devices tatsächliche Breite Kontrollkästchen zu melden.
Ein besonderer Tag wird eingeführt, dass genauere Breitenwerte aus abgefragt Medien produziert.
Drücke den # 147 - + # 148- Taste, um die ersten Medien-Abfrage zu generieren. In dem Feld Beschreibung geben Sie einen Kommentar, der Sie daran erinnert, was diese Abfrage für ist (wie Laptops, Tablet PCs, mobile Geräte und so weiter).
Zum Beispiel, wenn Sie einen Stil sind die Definition auf Desktops und Laptops verwendet werden, könnten Sie beschreiben es als Desktops und Laptops.
Um eine Mindestbreite für die Medienabfrage definieren, einen Wert in der Mindestbreite Feld eingeben.
Eine gute Mindestbreite für die Vollbildschirmlayouts ist 960 Pixel.
Klicken Sie auf die Nutzung vorhandener Datei-Taste und navigieren Sie zu der CSS-Datei, die Sie in Full-Size-Browser-Umgebungen verwenden möchten.
Diese Figur stellt diese erste Medien-Abfrage definiert.
Definieren Sie mindestens eine zusätzliche Medien Abfrage von 4-6 Schritte wiederholen.
wenn Sie eine CSS-Datei für Tablets und Smartphones haben zum Beispiel, machen, dass Ihre zweite Option und definieren eine maximale Breite von 959 Pixeln.
Klicken Sie auf OK im Media-Dialogfeld Abfragen.
Sie kehren in die Multiscreen-Vorschau-Fenster, wo Sie sehen können, wie Sie Ihre Seite in den Geräten aussehen wird, für die Sie eine Medien Abfrage definiert.