Over deze tool
Stel een responsieve @media-query samen door min-width, max-width of een bereik plus oriëntatie te kiezen, met device-presets met één klik, en kopieer dan de wrapper. Het draait allemaal in je browser.
Veelgestelde vragen
Wat is het verschil tussen min-width en max-width?
min-width past stijlen toe vanaf die breedte en hoger (mobile-first), terwijl max-width ze toepast vanaf die breedte en lager.
Hoe werken de device-presets?
Elke preset vult typische breakpoints in — mobiel tot 767px, tablet 768–1023px en desktop vanaf 1024px — die je daarna kunt fijnafstellen.