Aktiva brytpunkter vid en viss bredd

Passar designers och gränssnittsutvecklare vid responsiva tester när layouten måste bedömas för en exakt bredd.

Matcha visningsbrytpunkter mot den angivna bredden och se vilka som aktiveras. Det blir lättare att jämföra trösklar för samma skärmstorlek.

Så använder du

Ange bredden i pixlar som du vill testa i det första fältet.
Lägg till ett eller flera tröskelvärden, ett per rad, i det andra fältet.
Kör testet för att se vilka tröskelvärden som matchar bredden du angav.
Läs resultatet och rensa sedan fälten för att testa en annan bredd.
Upprepa med andra bredder om du behöver kontrollera flera skärmstorlekar.

Exempel

Med exempelinmatningen jämför verktyget den angivna bredden mot de listade tröskelvärdena och visar vilka som är aktiva. Resultatet hjälper dig att förstå vilka layoutbrytpunkter som gäller för den skärmbredden.

Indata

Gränser och format

Verktyget jämför siffror; det mäter inte en verklig enhet eller simulerar en webbläsare.
Varje tröskelvärde måste anges på en egen rad och måste vara ett numeriskt värde.
Ett felstavat tröskelvärde eller en tom rad kan förvränga tolkningen.
Resultatet beror bara på värdena du anger, inte på din faktiska stilmall.
Verktyget renderar inte sidan och ersätter inte enhetstestning.

Var bearbetningen sker

Jämförelsen körs i din webbläsare. Bredden och tröskelvärdena du skriver skickas inte till någon tjänst, och inget behålls efter att du stänger sidan.

Vanliga frågor

Vad betyder ett aktivt tröskelvärde för en bredd?

Ett tröskelvärde är aktivt när det matchar den testade bredden enligt verktygets jämförelselogik. Resultatet hjälper dig att identifiera vilka brytpunkter som är relevanta för den skärmstorleken.

Kan jag testa flera bredder samtidigt?

Nej, verktyget hanterar en bredd per körning. Rensa fältet och kör testet igen för att kontrollera en annan storlek.

Måste tröskelvärdena sorteras i en viss ordning?

Du kan ange dem i valfri ordning så länge det finns ett värde per rad. Verktyget jämför dem med den angivna bredden och visar vilka som motsvarar.

Sparas bredden eller tröskelvärdena någonstans?

Nej, allt körs lokalt i webbläsaren. Värdena skickas inte till någon tjänst och inget sparas efter att du stängt sidan. Därför kan du testa brytpunkter utan att de lämnar din dator. Verktyget jämför bara de siffror du skriver in och påverkas inte av din CSS eller dina faktiska stilar.

Kan verktyget visa hur min sida ser ut på en riktig mobil?

Nej, verktyget mäter ingen faktisk enhet och simulerar ingen webbläsare. Det jämför bara den bredd och de tröskelvärden du anger, så resultatet visar vilka tröskelvärden som matchar enligt verktygets logik. Använd det som ett stöd för att hitta relevanta brytpunkter, men testa alltid layouten på riktiga enheter.