Operation Manual
Beschrijving
Minimumbreedte en Maximumbreedte
Opmerking:
CSS-bestand
Naar boven
Naar boven
Klik op '+' om de eigenschappen voor het mediaquerybestand te definiëren.
Klik op Standaardvoorinstellingen als u wilt beginnen met de standaardwaarden.
7. Selecteer rijen in de tabel en gebruik de opties bij Eigenschappen om de eigenschappen van de rijen te bewerken.
De beschrijving van het apparaat waarvoor het CSS-bestand moet worden gebruikt. Bijvoorbeeld telefoon, televisie, tablet
enzovoort.
Het CSS-bestand wordt gebruikt voor apparaten waarvan de gerapporteerde breedte binnen de
opgegeven waarden valt.
Laat Minimumbreedte of Maximumbreedte leeg als u niet een specifiek bereik voor een apparaat wilt instellen. Het is
bijvoorbeeld gebruikelijk om Minimumbreedte leeg te laten als u het bestand gaat gebruiken voor telefoons, die een breedte van 320 pixels
of minder hebben.
Selecteer Bestaand bestand gebruiken en blader naar het CSS-bestand voor het apparaat.
Selecteer Nieuw bestand maken als u een CSS-bestand wilt opgeven dat u nog moet maken. Voer de naam van het CSS-bestand in. Het
bestand wordt gemaakt als u op OK klikt.
8. Klik op OK.
9. Er wordt een nieuw bestand gemaakt voor het mediaquerybestand voor de hele site. Sla het bestand op.
Mediaquery voor de hele site: zorg dat u voor alle bestaande pagina's het mediaquerybestand opneemt binnen de tag <head>.
Voorbeeld van een koppeling naar een mediaquery, waarbij mediaquery_adobedotcom.css het mediaquerybestand voor de hele is voor de site
www.adobe.com/nl:
<link href="mediaquery_adobedotcom.css" rel="stylesheet" type="text/css">
Een bestaand mediaquerybestand gebruiken
1. Maak een webpagina of open een bestaande webpagina.
2. Selecteer Wijzigen > Mediaquery's.
3. Selecteer Bestand met mediaquery's voor de hele site.
4. Klik op Opgeven.
5. Selecteer Bestaand bestand gebruiken als u al een CSS-bestand met de mediaquery hebt gemaakt.
6. Klik op het bladerpictogram om naar het bestand te bladeren en dit op te geven. Klik op OK.
7. Selecteer Bestand met mediaquery's voor de hele site.
8. Controleer of de optie Doorgeven van werkelijke breedte door apparaten forceren is ingeschakeld om ervoor te zorgen dat apparaten de
werkelijke breedte doorgeven. Schakel deze optie in om de volgende code in te voegen in uw bestand.
<meta name="viewport" content="width=device-width">
9. Klik op OK.
Een ander bestand met mediaquery's voor de hele site selecteren
Gebruik deze procedure om het bestand met mediaquery's voor de hele site te wijzigen dat u hebt ingesteld in het dialoogvenster Mediaquery's.
1. Selecteer Site > Sites beheren.
2. Selecteer uw site in het dialoogventer Sites beheren.
3. Klik op Bewerken. Het dialoogvenster Site-instelling wordt weergegeven.
4. Selecteer Lokale informatie bij Geavanceerde instellingen in het linkerdeelvenster.
514