Što je media queries?
Media queries je CSS tehnika koja omogućuje da se određeni CSS stilovi primjenjuju samo ako je zadovoljen određeni uvjet. Media queries se koristi u CSS3 i koristi @media pravilo za uključivanje bloka CSS svojstava samo ako je određeni uvjet istinit.
Media types
all: primjenjuje stilove na sve uređaje. screen: primjenjuje stilove na uređaje sa ekranom, poput računala, tableta i pametnih telefona. handheld: namijenjeno je prenosivim uređajima koji uglavnom imaju male ekrane print: primjenjuje stilove na dokumente koji se ispisuju.
Nizanje više media queries uvjeta
Više uvjeta nižemo tj. odvajamo zarezom što predstavlja logičku operaciju ILI @media screen and (min-width: 320px), print and (min-width: 768px) {...}