UTILS.
100% nel browser
@

Generatore di media query CSS

Crea una @media query responsive con preset e copiala.

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.

Altri strumenti