← Design & CSS
Design & CSS · körs lokalt

CSS Media Query Builder

generera bredd, orientering och rörelse-preferens media frågor från explicita lyhörda villkor.

Klar. Dina arbetsdata finns kvar i den här webbläsaren.

Varför detta verktyg är användbart

Använd CSS Media Query Builder när du behöver generera media queries för bredd, orientering och rörelsepreferens utifrån explicita responsiva villkor. Resultatet är omedelbart och lätt att verifiera innan du återanvänder det.

Så fungerar det

Ange de värden som begärs av CSS Media Query Builder. Webbläsaren validerar inmatningen, utför beräkningen lokalt och genererar ett resultat som kan kopieras med tydliga felmeddelanden.

Ett praktiskt exempel

En praktisk användning är att först köra CSS Media Query Builder på ett litet exempel, bekräfta resultatet och sedan bearbeta det fullständiga värdet eller listan.

Validering

Beräkningen är deterministisk och förklarar valideringsfel istället för att tyst ändra ogiltig inmatning.

Gräns för sekretess

Inmatning och utmatning sker i den här fliken, medan kopiering och nedladdning sker via webbläsarens API:er utan serveruppladdning.

Resultatpass

Varje körning rapporterar sitt verktygsläge, tidsstämpel och in-/utdatastorlek så att omvandlade data kan granskas.