AlPo ha scritto:
Ciao,
devo realizzare una pagina html responsive che contiene diversi sfondi colorati.
Questi sfondi colorati, posizionati uno sotto l'altro, devono adattarsi in modo automatico alla schermata del device con il quale vengono visualizzati, sia in larghezza che in altezza.
Esempio: se per visualizzare la pagina utilizzo un telefono con risoluzione 360 x 640 px, ogni singolo sfondo deve avere queste dimensioni, così come se utilizzo un laptop 1366 x 768.
Sapete se esiste un modo per automatizzare questo processo di adattamento o devo farmelo tutto a mano utilizzando i break point (che mi sembra un suicidio)?
Grazie mille
Ciao,
quello che chiedi tu è molto semplice, basta utilizzare "background-size: cover" quando dichiari il background image.
Con qualche accorgimento di dimensione e di posizione dell'immagine, potresti fare un bel lavoro
Se hai bisogno io sono qui!