Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    24

    Background size per dispositivi mobili

    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???

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,654
    Ciao, "background-size: cover" si occupa di riempire in larghezza il più possibile ma non in altezza. Anche perchè data una larghezza, se l'altezza non fosse proporzionale risulterebbe stirata!
    Probabilmente il fatto è che la tua immagine originale è più larga che alta e quindi ad un certo punto finise(in altezza).
    Potresti provare se mai a mettere un background fisso che segue lo schermo piuttosto che vada a riempire tutto.

    https://www.w3schools.com/cssref/pr_...attachment.asp

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    24
    Provo a farlo solo per mobile.
    Comunque anche per schermi pc non credo che l'immagine sia perfettamente proporzionata
    grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.