Operation Manual
Beschrijving
Minimumbreedte en Maximumbreedte
Opmerking:
CSS-bestand
Naar boven
Naar boven
6. Voer een van de volgende handelingen uit:
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:
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.
9. Klik op OK.
Een ander bestand met mediaquery's voor de hele site selecteren
1 <meta name="viewport" content="width=device-width">
1 <link href="mediaquery_adobedotcom.css" rel="stylesheet" type="text/css">
1 <meta name="viewport" content="width=device-width">
624