background-size browser android non va

[silvered.dragon]

Ciao a tutti spero in una risposta facile,
questo è il mio sito http://saperiesaporidimarche.ch/
ho cambiato molte cose rispetto al template originale ma ho problemi con lo sfondo, mi spiego, sui computer viene visualizzato correttamente come sfondo esteso e mi va bene anche se si strecha o deforma, il problema e che sui tablet e telefonini (in modalità desktop), lo sfondo non viene ridimensionato in nessun modo!
il template prevede oltre al file template.css anche 3 diversi stili grafici che nel mio casa si chiama syle2.css ed  ho modificato cosi il codice:

body {
  background: url('../images/style2/pergamena-bg.jpg') no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #7d7b7a;
}

ho provato a sostituire 100% con cover ma non cambia nulla sui telefoni non viene ridimensionato nulla, l'unica cosa che sembra andare a cambiare la dimensione è se specifico in pixel, ma ovviamente non ci faccio niente. Avete qualche consiglio ci sto sbattendo da giorni
grazie mille

[BelinBelan]

Ciao Silverered,


secondo me dovresti usare le media queries o potresti anche provare così:

Codice: [Seleziona]

-webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

Dovrebbe funzionare...

[silvered.dragon]

Ciao grazie per la risposta ma non va nemmeno cosi come mi hai scritto tu io faccio l' IT in azienda ma col codice non è che me la cavo granche però non pensavo fosse cosi complicato estendere uno sfondo sui tablet. se mi lasci una guida o un riferimento cerco di capire cosa sono le media queries perché non saprei da dove partire..

[BelinBelan]

Mi sa che facciamo lo stesso mestiere allora 


dimenticavo questa righina qui:

Codice: [Seleziona]

background-size: cover !important;


Per le guide, guarda qui ci sono tantissimi topic che hanno già affrontato e risolto questo argomento per cui ti invito a cercare qui, altrimenti sul portale html.it puoi trovare tutto lo scibile per quanto riguarda css 

[silvered.dragon]

Felice di conoscere un collega sicuramente stressato dal lavoro quanto me!
In qualunque caso nemmeno cosi funziona, cioè in pratica è come se non riconoscesse il comando 100% o cover mentre riconosce la dicitura in pixel.. vorrà dire che cercherò di farmi un cultura sulle media queries.
grazie ancora