CSS Media Query Generator
Bygg CSS media queries visuellt. Lägg till villkor för skärmstorlek, orientering, färgschema och mer. Använd förinställningar för vanliga brytpunkter. Kopiera CSS-kod. Gratis onlineverktyg.
Referens
Vad är CSS media queries?
CSS media queries låter dig tillämpa stilar villkorligt baserat på enhetens egenskaper, som skärmbredd, orientering, färgschemapreferens och mer. De är grunden för responsiv webbdesign.
Mediefunktioner
min-width / max-width riktar skärmbredder för responsiva layouter. orientation detekterar porträtt eller landskap. prefers-color-scheme respekterar användarens mörkt/ljust läge-inställning. prefers-reduced-motion detekterar tillgänglighetsinställningar. hover och pointer detekterar inmatningsförmågor.
Integritet
All media query-generering körs 100 % i din webbläsare. Ingen data skickas till någon server.