CSS Media Query Generator
Bygg CSS media queries visuelt. Legg til betingelser for skjermstørrelse, orientering, fargeskjema og mer. Bruk forhåndsinnstillinger for vanlige breakpoints. Kopier CSS-kode. Gratis nettverktøy.
Referanse
Hva er CSS media queries?
CSS media queries lar deg bruke stiler betinget basert på enhetens egenskaper, som skjermbredde, orientering, fargeskjemapreferanse og mer. De er grunnlaget for responsivt webdesign.
Mediefunksjoner
min-width / max-width målretter skjermbredder for responsive oppsett. orientation oppdager portrett eller landskap. prefers-color-scheme respekterer brukerens mørk/lys-modusinnstilling. prefers-reduced-motion oppdager tilgjengelighetsinnstillinger. hover og pointer oppdager inngangsevner.
Personvern
All media query-generering kjøres 100 % i nettleseren din. Ingen data sendes til noen server.