[HTML] Background size per dispositivi mobili

acweb-2004

Utente Attivo
7 Giu 2006
133
0
16
Monza
www.acweb-2004.it
Buongiorno
In un sito ho inserito una immagine di sfondo del body che mi deve coprire tutto lo screen.
Ho utilizzato quest codice:

Codice:
*
{ margin: 0; padding: 0; }
    
html {background: url(../images/clip_art/sfondo.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

tutto funziona perfettamente su pc, ma per i dispositivi mobili ottengo tutta la copertura in larghezza mentre in altezza la copertura è di circa la metà (sia con android 5 che 7. Sia con tablet che smartphone).
C'è qualche errore nel codice o parti mancanti???
 
Non vedo errori significativi, prova a togliere fized.
Altrimenti posta il link alla pagina per capire meglio il problema
 
Anche il cover non mi sembra molto adatto al tuo scopo perchè riempie lo schermo in larghezza ma lascia le proporzioni e se le proporzioni non coprono l'altezza una parte resta scoperta
 
Eh! È una bella battaglia bisognerebbe avere un'immagine più proporzionata alla pagina almeno per il mobile
 

Discussioni simili