Informazioni su questo strumento
Componi una @media query responsive scegliendo min-width, max-width o un intervallo più l'orientamento, con preset per dispositivi a un clic, poi copia il wrapper. Tutto avviene nel tuo browser.
Domande frequenti
Qual è la differenza tra min-width e max-width?
min-width applica gli stili a quella larghezza e oltre (mobile-first), mentre max-width li applica a quella larghezza e al di sotto.
Come funzionano i preset per dispositivi?
Ogni preset inserisce i breakpoint tipici - mobile fino a 767px, tablet 768-1023px e desktop da 1024px - che poi puoi affinare.