Breakpoint attivi alla larghezza scelta

Serve a designer e sviluppatori front-end mentre controllano un’interfaccia prima del rilascio o correggono un difetto responsive.

Individua quali breakpoint si attivano alla larghezza indicata e verifica rapidamente il comportamento previsto del layout sui diversi viewport.

Come si usa

Inserisci la larghezza in pixel che vuoi testare nel primo campo.
Aggiungi uno o più valori di soglia, uno per riga, nel secondo campo.
Avvia il test per vedere quali soglie corrispondono alla larghezza fornita.
Leggi il risultato, poi svuota i campi per testare un'altra larghezza.
Ripeti con altre larghezze se devi controllare diverse dimensioni dello schermo.

Esempio

Con l'input di esempio, lo strumento confronta la larghezza inserita con le soglie elencate e mostra quali sono attive. Il risultato ti aiuta a capire quali breakpoint di layout si applicano per quella larghezza dello schermo.

Input

Limiti e formati

Lo strumento confronta numeri; non misura un dispositivo reale né simula un browser.
Ogni soglia deve essere inserita su una riga separata e deve rimanere un valore numerico.
Una soglia scritta male o una riga vuota può distorcere l'interpretazione.
Il risultato dipende solo dai valori che fornisci, non dal tuo foglio di stile reale.
Lo strumento non esegue il rendering della pagina e non sostituisce i test su dispositivi.

Dove avviene il trattamento

Il confronto viene eseguito nel tuo browser. La larghezza e le soglie che digiti non vengono inviate a nessun servizio e nulla viene conservato dopo che chiudi la pagina.

Domande frequenti

Cosa significa una soglia attiva per una larghezza?

Una soglia è attiva quando corrisponde alla larghezza testata secondo la logica di confronto dello strumento. Il risultato ti aiuta a identificare quali breakpoint sono rilevanti per quella dimensione dello schermo.

Posso testare più larghezze contemporaneamente?

No, lo strumento gestisce una larghezza per esecuzione. Svuota il campo e avvia di nuovo il test per controllare un'altra dimensione.

Le soglie devono essere ordinate in un ordine particolare?

Puoi inserirle in qualsiasi ordine purché ci sia un valore per riga. Lo strumento le confronta con la larghezza indicata e mostra quali corrispondono.