Liigu sisuni

CSS Media Query generaator

Ehita CSS media päringuid visuaalselt. Lisa tingimused ekraani suurusele, suunale, väriskeemile ja muule. Kasuta eelseadeid levinud katkestuspunktide jaoks. Kopeeri CSS-kood. Tasuta veebitööriist.

Tingimused
Kiirseaded
CSS-väljund
 

Mis on CSS media päringud?

CSS media päringud võimaldavad stiile tingimuslikult rakendada seadme omaduste põhjal, nagu ekraani laius, suund, väriskeemi eelistus ja muud. Need on tundliku veebidisaini alus.

Meediumiomadused

min-width / max-width sihivad ekraanilaiusi tundlike paigutuste jaoks. orientation tuvastab portree- või maastikurežiimi. prefers-color-scheme austab kasutaja tumeda/heleda režiimi eelistust. prefers-reduced-motion tuvastab juurdepääsetavuse seadeid. hover ja pointer tuvastavad sisestusvõimalusi.

Privaatsus

Kogu media päringute genereerimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.