Innholdsfortegnelse:
- 1Klikk på Medierespørsmål-knappen.
- 2I skrive mediesøkene til område, velg dette dokumentet (for å definere medieforespørselen for det åpne dokumentet).
- 3Kryss av for Verktøystyrker for å rapportere faktiske bredde.
- 4Klikk på ?? + ?? knappen for å generere den første medien spørringen. Skriv inn en kommentar i beskrivelsesboksen som minner deg om hva dette spørsmålet gjelder for (for eksempel bærbare datamaskiner, tabletter, mobile enheter og så videre).
- 5For å definere en minimumsbredde for mediesøket, skriv inn en verdi i boksen Minimum bredde.
- 6Klikk på Bruk eksisterende fil-knappen og naviger til CSS-filen du vil bruke i nettlesermiljøer i full størrelse.
- 7Finn minst ett ekstra mediesøk ved å gjenta trinn 4-6.
- 8 Klikk OK i dialogboksen Mediesøk.
Video: HVORDAN LAGE IS - SOFTIS! (Naturfag Rocker) 2024
Medieforespørsel identifiserer et medium (utskrift, skjerm, håndholdt enhet og så videre) og viser HTML-siden med et CSS-stilark basert på det aktuelle mediet. Så hvis for eksempel siden åpnes i en Android-mobilenhet, vil den vise med en smalere beholder som passer til telefonen og en høyere kontrastfarger som fungerte bra i sollys.
Med de alternative CSS-filene du oppretter og lagret, kan du se HTML-siden som de vil bli koblet til i vinduet for forhåndsvisning av flere skjermer. For å opprette en medieforespørsel i Dreamweaver, følg disse trinnene:
1Klikk på Medierespørsmål-knappen.
Dialogboksen Media spørringer åpnes.
2I skrive mediesøkene til område, velg dette dokumentet (for å definere medieforespørselen for det åpne dokumentet).
Hvis du vil generere en omfattende Media Queries-fil som kan brukes på andre sider i Dreamweaver-området, velger du alternativet Site Wide Media Queries File og klikker deretter på Spesifiser-knappen for å navigere til og velge en mappe og filnavn for det formålet.
3Kryss av for Verktøystyrker for å rapportere faktiske bredde.
En spesiell kode er satt inn som gir mer nøyaktige breddeverdier fra forespurt media.
4Klikk på ?? + ?? knappen for å generere den første medien spørringen. Skriv inn en kommentar i beskrivelsesboksen som minner deg om hva dette spørsmålet gjelder for (for eksempel bærbare datamaskiner, tabletter, mobile enheter og så videre).
Hvis du for eksempel definerer en stil som skal brukes på stasjonære og bærbare datamaskiner, kan du beskrive den som Stasjonære datamaskiner og bærbare datamaskiner.
5For å definere en minimumsbredde for mediesøket, skriv inn en verdi i boksen Minimum bredde.
En god minimumsbredde for fullskjermsoppsett er 960 piksler.
6Klikk på Bruk eksisterende fil-knappen og naviger til CSS-filen du vil bruke i nettlesermiljøer i full størrelse.
Denne figuren illustrerer dette første definerte medieforespørsmålet.
7Finn minst ett ekstra mediesøk ved å gjenta trinn 4-6.
Hvis du for eksempel har en CSS-fil for tabletter og smarttelefoner, gjør du det andre alternativet og definer en maksimal bredde på 959 piksler.
8 Klikk OK i dialogboksen Mediesøk.
Du går tilbake til forhåndsvisningsvinduet for Multiskjerm hvor du kan se hvordan siden din vil se ut i enhetene du definerte en medieforespørsel for.