CSS Interogări media. CSS2 Tipuri de suport introduse. Regula @media. CSS3 Interogări media introduse. Asistență browser.

Susține Lectii-Virtuale!

CSS Interogări media (CSS Media Queries)

CSS2 Tipuri de suport introduse (CSS2 Introduced Media Types)

Regula @media, introdusă în CSS2, a făcut posibilă definirea regulilor de stil (style rules) diferite pentru diferite tipuri de media.

Exemple: Ați putea avea un set de reguli de stil (style rules) pentru ecrane de computer, una pentru imprimante, una pentru dispozitive portabile, una pentru dispozitive tip televizor și așa mai departe.

Din păcate, aceste tipuri de suporturi nu au primit niciodată multă asistență din partea dispozitivelor, în afară de tipul de printare (print media type).

CSS3 Interogări media introduse (CSS3 Introduced Media Queries)

Interogările media (Media queries) din CSS3 au extins ideea tipurilor de media CSS2: În loc să caute un tip de dispozitiv, ele analizează capacitatea dispozitivului.

Interogările media (Media queries) pot fi utilizate pentru a verifica multe lucruri, cum ar fi:
 

• lățimea și înălțimea vizualizării (width and height of the viewport)
• lățimea și înălțimea dispozitivului (width and height of the device)
• orientare (tableta / telefonul este în mod landscape sau portret?) (orientation (is the tablet/phone in landscape or portrait mode?))
• rezoluţie (resolution)

Asistență browser (Browser Support)

Numerele din tabel specifică prima versiune a browserului care acceptă integral regula @media.