salve a tutti,
sto avendo dei problemi con la visualizzazione del mio sito su dispositivi mobile, data la loro dimensione inferiore. Io associo al mio body un bgcolor="#000000" e un background="img/bg1.jpg" la quale ha una dimensione di 1264x674.

Tramite css do questi parametri
body {
background-attachment:fixed;
background-repeat: no-repeat;
background-position: center;
}
in modo tale che lo sfondo sia centrale, fisso e non si ripeta.

Su pc funziona tutto alla grande, anche nelle pagine con una lunghezza maggiore ma sui dispositivi mobili l'immagine di sfondo si rimpicciolisce, si posiziona al centro e tutti gli elementi contenuti nella pagina vanno a finire sul nero di fondo.

Come posso gestire questa situazione?