https://search.google.com/test/mobile-friendly/result?id=Duttm7ktGGCRaUchDPMNsQ
Media query-urile sunt o tehnică importantă în CSS, care permite dezvoltatorilor să controleze modul în care pagina web se afișează pe diferite dispozitive și dimensiuni ale ecranului. În această lecție, am învățat despre cum putem folosi media query-uri pentru a crea breakpoint-uri, astfel încât să putem personaliza stilurile CSS în funcție de dimensiunea ecranului.
Un exemplu de utilizare a media query-urilor este atunci când dorim să facem ca un meniu să fie afișat diferit pe dispozitive mobile și pe desktop. Putem face acest lucru prin definirea unui breakpoint la care se schimbă stilurile CSS pentru meniu, astfel încât meniul să fie mai compact și mai ușor de utilizat pe dispozitive mobile. În plus, putem personaliza stilurile CSS în funcție de orientarea ecranului, luminozitatea și alte caracteristici ale dispozitivului utilizatorului.
Un alt exemplu de utilizare a media query-urilor este atunci când dorim să afișăm conținut diferit în funcție de tipul de dispozitiv utilizat. De exemplu, putem afișa un videoclip pe un desktop, dar să afișăm o imagine statică pe un dispozitiv mobil pentru a economisi lățimea de bandă și bateria dispozitivului.
Media query-urile sunt o tehnică importantă pentru dezvoltatorii web astăzi, deoarece utilizatorii accesează site-uri web de pe o varietate de dispozitive și dimensiuni ale ecranului. Prin personalizarea stilurilor CSS în funcție de mediul utilizatorului, putem îmbunătăți experiența utilizatorului și să ne asigurăm că site-ul nostru este ușor de utilizat și funcționează bine pe toate dispozitivele.