Actieve breekpunten per schermbreedte

Ontwerpers en front-endontwikkelaars gebruiken dit tijdens een schermcontrole of bij het onderzoeken van afwijkend responsief gedrag.

Bekijk welke breekpunten actief zijn bij een opgegeven schermbreedte en controleer hoe de indeling op dat formaat hoort te reageren.

Hoe te gebruiken

  1. Voer in het eerste veld de breedte in pixels in die u wilt testen.
  2. Voeg in het tweede veld een of meer drempelwaarden toe, één per regel.
  3. Voer de test uit om te zien welke drempelwaarden overeenkomen met de door u opgegeven breedte.
  4. Lees het resultaat en maak daarna de velden leeg om een andere breedte te testen.
  5. Herhaal dit met andere breedtes als u meerdere schermformaten wilt controleren.

Voorbeeld

Met de voorbeeldinvoer vergelijkt het hulpmiddel de ingevoerde breedte met de vermelde drempelwaarden en laat zien welke actief zijn. Het resultaat helpt u begrijpen welke lay-outbreekpunten voor die schermbreedte gelden.

Invoer

1200
768
992
1200

Limieten en formaten

Waar de verwerking gebeurt

De vergelijking verloopt in uw browser. De breedte en drempelwaarden die u typt, worden niet naar een dienst gestuurd en er wordt niets bewaard nadat u de pagina sluit.

Veelgestelde vragen

Wat betekent een actieve drempelwaarde voor een breedte?

Een drempelwaarde is actief wanneer deze volgens de vergelijkingslogica van het hulpmiddel overeenkomt met de geteste breedte. Het resultaat helpt u bepalen welke breekpunten relevant zijn voor dat schermformaat.

Kan ik meerdere breedtes tegelijk testen?

Nee, het hulpmiddel verwerkt één breedte per keer. Maak het veld leeg en voer de test opnieuw uit om een ander formaat te controleren.

Moeten de drempelwaarden in een bepaalde volgorde staan?

U mag ze in willekeurige volgorde invoeren zolang er één waarde per regel staat. Het hulpmiddel vergelijkt ze met de opgegeven breedte en laat zien welke overeenkomen.

Tools in dezelfde categorie