Samenvatting
Bij vrijwel elk opmaakveld kun je een waarde per schermgrootte zetten. Zo staat je kop op een telefoon kleiner dan op een desktop.
Je doet dat met de knop Schermgrootte waarde toevoegen, rechts naast het veld. Er komt dan een extra regel onder dat veld.
Die extra regel begint met de waarde die op dat moment in het veld staat. Je typt daarna de waarde die je voor dat scherm wilt.
Wanneer gebruik je dit?
Je gebruikt dit als je website op een smal scherm anders moet ogen dan op een breed scherm. Denk aan een kop die op een telefoon te groot uitvalt.
Je gebruikt het ook als een blok op een tablet te veel ruimte krijgt. Je zet de ruimte dan alleen voor die schermbreedte kleiner.
Blijft je waarde overal gelijk, dan heb je dit niet nodig. Een waarde zonder schermgrootte geldt op elk scherm.
Hoe werkt dit in Mach3Blocks?
De knop staat rechts van het invoerveld, in elk veld van het tabblad Opmaak. Je herkent hem aan een tablet met een telefoon ernaast.
Klik je erop, dan opent een menu met elf keuzes. De eerste vijf zijn losse schermbreedtes; daaronder staan twee groepen van drie.
De vijf schermgroottes
| Schermgrootte | Voor welke schermbreedte |
|---|---|
| Desktop | 1280px en breder |
| Laptop | 1024px tot 1280px |
| Tablet | 768px tot 1024px |
| Telefoon liggend | 480px tot 768px |
| Telefoon staand | smaller dan 480px |
De twee groepen eronder
Onder de vijf losse keuzes staan twee koppen. Daarmee zet je een waarde voor meerdere schermbreedtes tegelijk.
| Groep | De drie keuzes | Wat een keuze doet |
|---|---|---|
| Groter of gelijk | ≥ Laptop, ≥ Tablet, ≥ Telefoon liggend | geldt vanaf die breedte en op alles wat breder is |
| Kleiner of gelijk | ≤ Telefoon liggend, ≤ Tablet, ≤ Laptop | geldt tot die breedte en op alles wat smaller is |
Wat je na je keuze ziet
Onder het veld verschijnt een extra regel met de naam van je schermgrootte ervoor. Het veld zelf blijft erboven staan, met de waarde voor alle schermen.
Die extra regel heeft een eigen veldmenu. Daarin staat Waarde resetten, en dat is de enige manier om de regel weer weg te halen.
De schermgrootte die je koos, is daarna grijs in het menu. Zo voeg je dezelfde niet twee keer toe.
Stappenplan
- Selecteer het blok of het element dat je wilt bijstellen.
- Open het tabblad Opmaak in het instellingenpaneel.
- Zoek het opmaakveld dat je per schermgrootte wilt zetten.
- Klik rechts van dat veld op Schermgrootte waarde toevoegen.
- Kies een schermgrootte, of een keuze uit een van de twee groepen.
- Typ de gewenste waarde in de extra regel onder het veld.
- Controleer het resultaat met Preview.
Voorwaarden en rechten
Je hebt het recht Websites/presentaties stijlen nodig. Zonder dat recht is er geen tabblad Opmaak, en dus ook geen opmaakveld.
De velden op het tabblad Instellingen vragen dit recht niet. Daar werkt dezelfde knop, met vijf schermgroottes in plaats van elf.
Welke rollen dit recht standaard hebben, staat in Thema uitgelegd. Een beheerder kan het recht ook los aan je gebruiker toekennen.
Gevolgen en beperkingen
Een waarde per schermgrootte geldt alleen binnen de breedtes van die keuze. Buiten die breedtes blijft de waarde uit het veld erboven gelden.
Je waarde staat op het opmaakniveau waarop je werkt. Wisselt je niveau, dan wisselt ook je lijst met extra regels mee.
| Wat je wilt | Kan het |
|---|---|
| Een schermgroottewaarde weghalen | Ja op het tabblad Opmaak, met Waarde resetten in het veldmenu van die regel |
| De pixelgrenzen zelf verschuiven | Nee, de vijf breedtes liggen vast |
| Een schermgrootte twee keer toevoegen | Nee, een gekozen schermgrootte wordt grijs |
| Het veld Overloop per schermgrootte zetten | Nee, dat is het enige opmaakveld zonder deze knop |
| Een zijdewaarde per schermgrootte zetten | Ja, elke zijde heeft zijn eigen knop. Lees Waarden per zijde of hoek |
Als het niet lukt
Zie je geen extra regel na je klik, kijk dan of je onder het juiste veld kijkt. De regel staat direct onder het veld waar je hem toevoegde.
Verandert er niets in je canvas, dan zit dat waarschijnlijk in de breedte van dat canvas. De regel geldt alleen binnen de breedtes van je keuze.
Twijfel je of je website er op een telefoon goed uitziet, gebruik dan Preview. Daar zie je je pagina zonder de editor eromheen.
Zie je twee waarden elkaar tegenspreken, kijk dan naar je gecombineerde keuzes. Een keuze uit Groter of gelijk kan een losse schermbreedte overlappen.