📚 Curs de Responsivitat - Media Queries
Les Media Queries són una eina fonamental en el desenvolupament web modern que permeten adaptar el disseny i la presentació del contingut segons les característiques del dispositiu o la finestra del navegador. Això és especialment important en l'era actual, on els usuaris accedeixen a llocs web des d'una varietat de dispositius amb diferents mides de pantalla, resolucions i orientacions.
Amb les Media Queries, els desenvolupadors poden definir regles CSS específiques que s'apliquen només quan es compleixen certes condicions, com ara l'amplada mínima o màxima de la pantalla, l'orientació (vertical o horitzontal), la resolució, entre altres. Això permet crear dissenys flexibles i adaptatius que milloren l'experiència de l'usuari en qualsevol dispositiu.
Per exemple, es pot utilitzar una Media Query per canviar la disposició dels elements en una pàgina web quan es visualitza en un telèfon mòbil, passant d'una estructura de múltiples columnes a una sola columna per facilitar la lectura i la navegació. També es poden ajustar mides de fonts, imatges i altres elements visuals per assegurar que tot sigui clar i accessible.
En resum, les Media Queries són essencials per al desenvolupament de llocs web responsius que ofereixen una experiència òptima a tots els usuaris, independentment del dispositiu que utilitzin.
Pots veure la pàgina creada: Disseny Responsiu amb @media queries